Скорее всего это в том случае, если админов несколько

скорее всего так и есть, ну к примеру перейдет правление к Денису

парни, а как повешать watch на такое поле fields: { phone: ' '}

watch: { item: { handler(val, oldVal){ console.log('Item Changed') console.log(val) }, deep: true } }, если кому надо, но я решил вынести в мелкий компонент, чтобы не надо было делать вложенные данные

watch: { item: { handler(val, oldVal){ console.log('Item Changed') console.log(val) }, deep: true } }, если кому надо, но я решил вынести в мелкий компонент, чтобы не надо было делать вложенные данные

Поосторожнее с вотчерами, они херовые

Особено с дипом

Если я правильно помню, вотчер твой будет рекурсивно сравнивать объекты по таймауту

дип решил не юзать

watch: { active (newState) { if (!newState) { this.$emit('closeNewOrder') } } }, я тут модалку закрываю которая из vuetify

через компютед можно такое сделать?

Нужно

А почему бы не слать событие на закрытие там же где ты заполняешь стейт?

я не совсем понял тебя, я решил так сделать, чтобы в родителе не городить разметку, и обернул модалку в свой компонент, который при created делает this.dialog = true

Поосторожнее с вотчерами, они херовые

чем они хреновы?

См ниже

я не совсем понял тебя, я решил так сделать, чтобы в родителе не городить разметку, и обернул модалку в свой компонент, который при created делает this.dialog = true

Ок, а этот вотчер где находится?

См ниже

поискал по упоминанию 'watch', посмотрел 20-30 результатов последних. не нашёл

Ок, а этот вотчер где находится?

в чайлде, идея такая, в родителе dialog: false, на чайлде <child v-if="dialog" />, потом в чайлде когда закрываю, меняю active = false, и если false то отправляю событие в родитель, в нем меняю dialog = false

Поправте меря если я не прав: вотчеры работают так: в небольшом интервале берётся значение из наблюдаемого объекта, и сохраненная предыдущая копия. Сравнение больших объектов по таймауту да ещё и рекурсивно не самая лучшая в плане производительности штука, но ИНОГДА подругому никак ( когда не подходит компьютед)

Второй кстати работает намного филиграннее, меняя необходимые значения с помощью геттров и сеттеров

всему своё место, ага. в случаях с асинхронными вещами watch очень удобен

@Akiyamka спасибо

переписал на computed

в чайлде, идея такая, в родителе dialog: false, на чайлде <child v-if="dialog" />, потом в чайлде когда закрываю, меняю active = false, и если false то отправляю событие в родитель, в нем меняю dialog = false

вот такой способ уместен: https://vuex.vuejs.org/en/forms.html

в самом низу страницы. computed с get и set

только тебе вместо commit надо будет делать emit

а в get возвращать входящий prop из родителя

ага, так и сделал, и работает лучше

ну а значение в active присваивать в методе клика по какой-нибудь кнопке, либо где ты его рождаешь

ага, ок

появилась анимация, тк теперь нет v-if

а можно же стикеры? да? а то я хз

Можно, главное не с Лениным

Привет всем! Только начал изучение Vue, пытаюсь настроить окружение в PhpStorm 2017,2,3. Проблема с импортом класса без расширения .vue import App from './App' IDE не понимает, что надо смотреть ./App.vue Плагин для vue установил, так что синтаксис понимает и подсвечивает. Если прописать import App from './App.vue' то все работает

Привет всем! Только начал изучение Vue, пытаюсь настроить окружение в PhpStorm 2017,2,3. Проблема с импортом класса без расширения .vue import App from './App' IDE не понимает, что надо смотреть ./App.vue Плагин для vue установил, так что синтаксис понимает и подсвечивает. Если прописать import App from './App.vue' то все работает

VScode не?

Привет всем! Только начал изучение Vue, пытаюсь настроить окружение в PhpStorm 2017,2,3. Проблема с импортом класса без расширения .vue import App from './App' IDE не понимает, что надо смотреть ./App.vue Плагин для vue установил, так что синтаксис понимает и подсвечивает. Если прописать import App from './App.vue' то все работает

надо включить подсведку синтаксиса es6?

и плагин для vue из коробки идет поидее

ничего ставить не надо

Airat Zh, [12.09.17 12:07] и плагин для vue из коробки идет поидее наверное так в WebStorm, в PhpStorm он для незнакомых файлов автоматом предлагает установить соответсвующий плагин

надо включить подсведку синтаксиса es6? Включено

подскажите, как правильнее всего сделать навигацию через v-for, чтобы у каждого элемента меню была собственная ссылка, а не общая для всех?

Оказывается и в WebStorm это тоже не работает. Предлагают прописывать расширение https://intellij-support.jetbrains.com/hc/en-us/community/posts/115000385944--vue-go-to-declaration-failed

подскажите, как правильнее всего сделать навигацию через v-for, чтобы у каждого элемента меню была собственная ссылка, а не общая для всех?

пусть items это массив объектов [{ text: 'item1', link: 'google.com' }, { text: 'item2', link: 'ya.ru' }]; и пробегаясь по нему с помощью v-for выводишь <a href="item.link">{{ item.text }}</a>

пусть items это массив объектов [{ text: 'item1', link: 'google.com' }, { text: 'item2', link: 'ya.ru' }]; и пробегаясь по нему с помощью v-for выводишь <a href="item.link">{{ item.text }}</a>

оу, все оказалось куда проще

спасибо

и еще вопрос есть, возможно ли переключать класс 'active' между элементами меню, не создавая для каждого пункта свою переменную в data?

Оказывается и в WebStorm это тоже не работает. Предлагают прописывать расширение https://intellij-support.jetbrains.com/hc/en-us/community/posts/115000385944--vue-go-to-declaration-failed

какойтолол

Привет есть кто разбирается в eslint?

Привет есть кто разбирается в eslint?

Ты или пиши сразу вопрос, или читай документацию.

читал, но не понял какие надо написать правила чтобы сократить это {path: 'orders', name: 'Заказы', component: load('orders'), children: [ {path: ':id(\\d+)', name: 'Заказ', component: load('order')} ] }, вот в это {path: 'orders', name: 'Заказы', component: load('orders'), children: [ {path: ':id(\\d+)', name: 'Заказ', component: load('order')} ] },

удалились только переносы строк? если так, то линтер тут не нужен

нашел, извините, не удержался, надо было потратить еще 5 минут))

VScode не?

С vue он работает как то странно все плагины перепробовал в итоге забил на нормальный автокомплит и еммет

Igor, скачай все три последних плагина, они более - менее рабочии

Определяю сексуальную ориентацию по плагинам

и какая у меня в таком случае ?

Прекрасный человек

;)

плагины , как плагины, все необходимое, чтобы не наговнокодить ))

а шрифт какой?

обычный вскоде

согласен что ВСКоде с вуу както странно работает... только с бубном автокомплит заводится и то не всегда

vetur через раз работает

моя связка работает всегда, но vetur еще на ошибки показать мог ..

gruvbox пизже тема

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

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

Atom One Dark Нравится как смотрится

Atom One Dark Нравится как смотрится

она смотрится только на Atom

так же как и gruvbox на vscode

она смотрится только на Atom

Ну не знай, мне прям зашла, как никакая другая

на вкус и цвет

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

у меня есть данные , они ввиде столбца, но верстать это надо в виде рядов

ща найду пример

вот

данные у меня в виде столбца, но верстать надо рядами

просто верстка?