@vuejs_ru - страница 977 - Telegram web archive

Rafael 🌵

Здорово, ребята! У меня возникла проблема с реализацией One way data flow. Дело в том что при передаче массива или объекта из родительского компонента в дочерний при мутации его в дочернем объекте также происходит мутация и в родительском. Мне бы это исправить. Пробовал Vuex, но там тоже ничего не мешает мутировать состояние из компонентов даже без коммитов мутаций.

читал про $emit?

Rafael 🌵

про .sync?

Юрий

Здорово, ребята! У меня возникла проблема с реализацией One way data flow. Дело в том что при передаче массива или объекта из родительского компонента в дочерний при мутации его в дочернем объекте также происходит мутация и в родительском. Мне бы это исправить. Пробовал Vuex, но там тоже ничего не мешает мутировать состояние из компонентов даже без коммитов мутаций.

копируй(пересоздавай) массив из props в data в created()

Anonymous

ребят, есть вычисляемое свойство companies, есть еще одно вычисляемое свойство counter , которое возвращает длину companies . на компоненте счетчика (визуальном представлении) есть v-model к свойству counter . Все работает как надо, но в консоли говорится, что нужен setter на counter . Но мне сеттер не нужен. Значит вешать watch или пустой сеттер поставить?

Serge

Здорово, ребята! У меня возникла проблема с реализацией One way data flow. Дело в том что при передаче массива или объекта из родительского компонента в дочерний при мутации его в дочернем объекте также происходит мутация и в родительском. Мне бы это исправить. Пробовал Vuex, но там тоже ничего не мешает мутировать состояние из компонентов даже без коммитов мутаций.

Массивы передаются по ссылке. поэтому изменение повлияет на всё - где он используется, если не делать копию mydata: [...myarray] например или через Object.assign

Serge

ребят, есть вычисляемое свойство companies, есть еще одно вычисляемое свойство counter , которое возвращает длину companies . на компоненте счетчика (визуальном представлении) есть v-model к свойству counter . Все работает как надо, но в консоли говорится, что нужен setter на counter . Но мне сеттер не нужен. Значит вешать watch или пустой сеттер поставить?

поменяй v-model на value

Anonymous

поменяй v-model на value

оо, то что нужно. спасиб

Anonymous

Только копирование, значит. Хм. Ладно, спасибо.

Serge

Только копирование, значит. Хм. Ладно, спасибо.

ну а как? по сути тыж одно и тоже меняешь. a1 = ['a','b','c'] a2 = a1 a2[0] = 'c' чему будет равно a1[0] ?

Anonymous

Я думал просто что эту проблему в Vue решили, ибо там неоднократно говорилось про One way data flow, концепт при котором дочерний элемент не должен так делать.

Anonymous

Ну или я так понял этот концепт

Anonymous

Просто зачем тогда все эти объявления мутаций, непонятно

Serge

Я думал просто что эту проблему в Vue решили, ибо там неоднократно говорилось про One way data flow, концепт при котором дочерний элемент не должен так делать.

это не проблема vue. это нормальное поведение js да и вообще всех высокоуровневых языков для сложных объектов. присваивание происходит по ссылке. иначе было бы долго и жрало память

Semyon

Ребята всем привет нужна помощь: Как переделать вывод списка через v-for на вывод в 1 строку Пример: вывод в список <ul v-if="rates != null" class="list-currency"> <li v-for="(name, code) in currencies" :key="code" class="item-currency">{{amount}} {{currencies[choosenCode]}} = {{convert(code)}} {{currencies[code]}}</li> </ul> вывод в строку <ul > <li >{{amount}} {{currencies[choosenCode]}} = {{convert(code)}} {{currencies[choosenCurr]}}</li> </ul> Как передать code из v-for

Pavel

Ребята подскажите пожалуйста Лучший компонент для OpenLayers Или лучше свою пилить?

Samat

Ребята всем привет нужна помощь: Как переделать вывод списка через v-for на вывод в 1 строку Пример: вывод в список <ul v-if="rates != null" class="list-currency"> <li v-for="(name, code) in currencies" :key="code" class="item-currency">{{amount}} {{currencies[choosenCode]}} = {{convert(code)}} {{currencies[code]}}</li> </ul> вывод в строку <ul > <li >{{amount}} {{currencies[choosenCode]}} = {{convert(code)}} {{currencies[choosenCurr]}}</li> </ul> Как передать code из v-for

<li class="..."><span v-for="...

Semyon

<li class="..."><span v-for="...

не совсем, у меня в нижнем примере теряется code из convert(code), в первом примере я передавал его через v-for а как в нижнем передать чёта туплю

Samat

не совсем, у меня в нижнем примере теряется code из convert(code), в первом примере я передавал его через v-for а как в нижнем передать чёта туплю

сорян. либо сложно объяснил, либо у меня тупняки. но я не понимаю, что нужно(

Samat

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

Semyon

Во

Semyon

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

Спасибо )

batkor

Парни как изменить статус код, в mounted? или только в validate меняется?

Андрей

Такой вопрос. Делаю блок step by step В родительском template идет отображение текущего шага, и кнопки продолжить В дочерких элементах своя разная валидация как бы мне вызвать дочерний метод валидации, который бы если все ок возвращал мне тру, и я мог бы перейти на следующий шаг

Андрей

То посмотрел один из популярных vue-stepper, и там просто дочерний элемент settimeout сделан, каждые 3 секунды вызывает валидацию, и если все ок то вызывает родительский метод а что то мне вот вариант с таймаут не устраевает как то

Serge

вызвать откуда и чей метод ?

Serge

метод чилдрена из родителя или родителя из чилдрена или ?

Андрей

из родителя вызвать дочерний метод

Serge

из родителя вызвать дочерний метод

https://ru.vuejs.org/v2/api/index.html#vm-refs как вариант

Александр 🌲🙏🏽

Друганы, а чо у меня nodemon по умолчанию не мониторит изменения в .vue файлах?

Андрей

https://ru.vuejs.org/v2/api/index.html#vm-refs как вариант

Спасибо, то что нужно

Andrey

Друганы, а чо у меня nodemon по умолчанию не мониторит изменения в .vue файлах?

https://github.com/remy/nodemon#specifying-extension-watch-list

Александр 🌲🙏🏽

https://github.com/remy/nodemon#specifying-extension-watch-list

Спасибо, то что нужно

Александр 🌲🙏🏽

Видали, кстати, vue-devtools вышел 4 версии.

Александр 🌲🙏🏽

Доброе утро, космонавты! Если вы работает с Vue.js или собираетесь, то слушайте сюда! Вышел релиз vue-devtools под номером 4.0. Добавили очень много интересного, например: - теперь можно менять data ваших компонентов прямо в инспекторе копонентов; - если вы используете Nuxt или vue-loader, то можно открывать компоненты из инспектора сразу в редакторе кода; - опция «inspect vue component» в контекстном меню браузера. И другие интересные штуки, читайте статью с обзором изменений!

Anonymous

Друганы, а чо у меня nodemon по умолчанию не мониторит изменения в .vue файлах?

ты путаешь бек/фронт

Anonymous

на кой черт ноде знать про изменения во фронте?