недавно начал знакомство с vue js, может select сделать компонентом и там модель использовать

localStorage

localStorage

зачем?

А, неправильно прочитал

А, неправильно прочитал

думал, может как компонент с моделью отделить select

чтобы модель была привязана к этому выпадающему списку

Друзья, подскажите пожалуйста, вот есть такой компонент яндекс карты https://github.com/PNKBizz/vue-yandex-map , как можно при изменении данных добавлять новые маркеры на карту?

Друзья, подскажите пожалуйста, вот есть такой компонент яндекс карты https://github.com/PNKBizz/vue-yandex-map , как можно при изменении данных добавлять новые маркеры на карту?

https://github.com/PNKBizz/vue-yandex-map/issues/31

https://github.com/PNKBizz/vue-yandex-map/issues/31

Спасибо, туда я что то не посмотрел сразу) попробую

друзья. а как нстроить роутинг в vue?

самы базовый

друзья. а как нстроить роутинг в vue?

https://laracasts.com/series/learn-vue-2-step-by-step/episodes/26 если с английским в +- отношениях)

есть еще офф дока, но как я понял, это не торт, для некоторых людей

https://router.vuejs.org/ru/essentials/getting-started.html

отлично как раз начал работать с vue-router

вопрос немного общий - в веб апе должен быть только один инстанс app ?

у спа так принято, а так можно сколько угодно инстанцев vue делать

в спа ты типо строишь приложение как дерево. Есть корень и от него все строится.

но есть подход типо виджетов, когда делают какие-то мелкие компоненты vue и приклепляются к нужным местам на странице

Подскажите пожалуйста! Как передать в компонент массив? или объект? через props передается только название

:props="myProp"

ты бы дальше прочитал, там по доке написаны про динамические пропсы

ты бы дальше прочитал, там по доке написаны про динамические пропсы

я хотел из вне добавить массив не из родителя

откуда из вне?

из window?

да

ну тогда в родителе создаешь в дате свойство типо data() { return { myProps: window.myProps } }

есть вопрос по Роутеру - как использовать динамический id в Navigation guards? router.beforeEach((to, from, next) => { next({name: 'testPageWithDynamicID'})

{ name: 'testPage', params: { id } }

в роутере path выглядит так: path: '/testPageWithDynamicID/:id',

{ name: 'testPage', params: { id } }

огромное спасибо, шел этим путем но объявлял id сразу после name, без params

ну тогда в родителе создаешь в дате свойство типо data() { return { myProps: window.myProps } }

блин наверно я не туда иду. У меня задача такая: есть много items, у каждого item есть по 3 выпадающих списка и я хочу восстановить состояние выбора пользователя после обновления страницы. Думал что компонент можно использовать так: передаю туда массив параметров списка и параметр, который был выбран ранее. А компонент создает много options и один из них будет selected. Вижу что проще перебрать массив и найти без vue js решение. В js не силен, поэтому вопрос может звучать глупо. Пару дней назад сел изучать

ты можешь хранить состояние в роутере через queryParams или в localStorage или в sessionStorage (он обнуляется после закрытия вкладки)

а состояние у меня есть, я не могу его с помощью vue js поставить)

при загрузке страницы подтягивается история выбора, мне остается как-то пометить пункт selected

ты можешь хранить состояние в роутере через queryParams или в localStorage или в sessionStorage (он обнуляется после закрытия вкладки)

а нормально выдергивать данные прямо из store, причем не геттером, а обращаясь к state? (у меня роутер в обычном js-файле)

при загрузке страницы подтягивается история выбора, мне остается как-то пометить пункт selected

и почему у тебя не получается? Что именно то не выходит

а нормально выдергивать данные прямо из store, причем не геттером, а обращаясь к state? (у меня роутер в обычном js-файле)

ну так люди делают, но я предпочитаю создавать гетторы

чтоб не было желания напрямую стор модифицировать и все такое.

Привет! Подскажите, у меня есть данные что пользователь выбрал раньше, после перезагрузки страницы хочу восстановить его выбор, таких полей несколько в item и item'ов много. Это Vue js

здесь вывожу список, в {{ item['Бумага'] }} у меня прошлый выбор

ну так люди делают, но я предпочитаю создавать гетторы

научи как? погуглил по vue js getters in plain js files выдало неочевидные решения

научи как? погуглил по vue js getters in plain js files выдало неочевидные решения

а, ты стор держишь в обычном файле, ты не vuex используешь?

здесь вывожу список, в {{ item['Бумага'] }} у меня прошлый выбор

в селекте ты просто должен выставить value

как раз vuex, но хотел бы использовать геттеры в router.js + auth.js

в селекте ты просто должен выставить value

сейчас попробую

здесь вывожу список, в {{ item['Бумага'] }} у меня прошлый выбор

<select :value="myPropDefault" />

https://ru.vuejs.org/v2/guide/forms.html#%D0%92%D1%8B%D0%BF%D0%B0%D0%B4%D0%B0%D1%8E%D1%89%D0%B8%D0%B5-%D1%81%D0%BF%D0%B8%D1%81%D0%BA%D0%B8

самый последний пример

как раз vuex, но хотел бы использовать геттеры в router.js + auth.js

что-то ты понятия походу путаешь

что за роутер ты используешь? vue-router?

что за роутер ты используешь? vue-router?

да-да, но вопрос в том, что в компоненте я импортирую геттеры вот так: computed:{ ...mapGetters({ а как сделать это в обычном .js файле непонятно (не в компоненте .vue)

аа

я тебя не понял

да просто

import store from 'src/store'

а потом store.getters.myGetterName

о, вот как. Ценная инфа, не встречал пока таких записей. Еще раз спасибо

vuex просто обьект с методами и свойствами, ничего страшного нет в том, чтоб использовать его вне vue файлов

<select :value="myPropDefault" />

не думал что в select указывается это, спасибо. Там в options в примере

ага, сейчас очевидно но раньше не додумался 🙂

Подскажите пожалуйста, как заставить перередериваться страницу после изменения вложенного свойства объекта в стейте? изменить state.property - тут все работает реактивно, если же изменить state.obj.property то уже нет, или это как раз тот случай когда нужно использовать forceUpdate?

<select :value="myPropDefault" />

а как выбрать самый первый вариант, если myPropDefault нет?

а как выбрать самый первый вариант, если myPropDefault нет?

просто запиши этот вариант в myPropDefault, а потом перепиши этот вариант, когда получишь реальный default prop

Подскажите пожалуйста, как заставить перередериваться страницу после изменения вложенного свойства объекта в стейте? изменить state.property - тут все работает реактивно, если же изменить state.obj.property то уже нет, или это как раз тот случай когда нужно использовать forceUpdate?

а obj по умолчанию пустой?

да

да

а vue работает так. Он видет объект и проходит по нему рекурсивно и вешает на него ватчеры. Если объект пустой, а ты решил добавить свойство, то вуе на него не среагирует, потому, что на момент объявления этого свойства не было

поэтому у тебя 2 варианта: 1. Использовать Vue.set() or this.$set() 2. Перезаписывать объект полностью

Доброй ночи. Что-то никак мне не удаются добавить в стандартный vue-cli webpack шаблон генератор svg-спрайта из отдельных svg-иконок. Раньше на гульпе сидел, поэтому сложно заходит. Есть тут люди которые могут помочь/поделиться конфигом?

Спасибо, сработало) PS. "надо тщательней читать доку"

поэтому у тебя 2 варианта: 1. Использовать Vue.set() or this.$set() 2. Перезаписывать объект полностью

Спасибо, сработало) PS. "надо тщательней читать доку"

ага, стандартная моя фраза

не особо помогает

Доброй ночи. Что-то никак мне не удаются добавить в стандартный vue-cli webpack шаблон генератор svg-спрайта из отдельных svg-иконок. Раньше на гульпе сидел, поэтому сложно заходит. Есть тут люди которые могут помочь/поделиться конфигом?

ну, и сиди дальше

я собираю через галп спрайты и потом через inline лоадер подключаю собранный спрайт

Так можно делать, согласен, но хочется по-молодежному, что бы потом смотреть репорты по бандлам и тд и тп

в жопу это, не нашел ничего хорошего из решений для вебпака

но если найдешь звякни плз

Вот и я гугл мучал часа два, пробовал разные лоадеры и нифига