Dmitriy
Вотчить?))
как вар
Tom
2 глава, про патерн синхронизации, кому там нужно было.
Anton
Бред
Oleksandr
как вар
Хероватый вар
Anton
Давайте вотчить кнопки
Stanislav
watch
фигня.
Anton
Йеа)
Oleksandr
@idrmn а @change не походит?
Это тоже самое))))
Dmitriy
ок, двайте останемся каждый при своем мнении)
Stanislav
watch
Вы ведь в курсе, что v-model = @input + $emit ?
Dmitriy
нет, не знал, спасибо
Oleksandr
ок, двайте останемся каждый при своем мнении)
Вот у меня сегодня - 124 инпута!! 124!!!!
Oleksandr
Вотчить?... Увольте.
Anton
Ну, привет вашим UXерам)
Vladyslav
@idrmn не до конца) Все же @change - ваш собственный обработчик. Хотя на сколько мне известно, то можно get, set написать для конретного data
Rafael 🌵
v-model
V-model не это неявное указание на отлов события @update
Vladyslav
@idrmn вы об @change?
Demetrio
v-model - это же v-bind и v-on, нет?
Stanislav
нет, не знал, спасибо
Это синтаксический сахар для события и пропса. https://ru.vuejs.org/v2/guide/components.html#Поля-ввода-форм-с-использованием-пользовательских-событий
Rafael 🌵
Это важно
Stanislav
Anton
input
Rafael 🌵
input
Ой бля, точно
Stanislav
Rafael 🌵
v-on:update
*v-on:input
Rafael 🌵
это .sync :)
Думаю об одном, пишу о другом 🤦‍♂
Rafael 🌵
Пора спать
Stanislav
Это да
Rafael 🌵
Определённо, пора спать
Anton
У меня жена также )
Serge
V-model не это неявное указание на отлов события @update
V-model это бинд и эмит. А уж собитие и пропс можно какой угодно повесить
Stanislav
@input и :value
Аргх, да
Serge
@input и :value
По дефолту.поменять можно на что угодно
Oleksandr
Rafael 🌵
Аргх, да
И тебе пора спать
Stanislav
ℝei
но я б не стал
ну чтоб чекбокс менять на change и меняют
Oleksandr
Ну, привет вашим UXерам)
Это зависимости с чайлдами. Как было когда то (а может и есть) на фл.ру Типа категории и подкатегории
Stanislav
ну чтоб чекбокс менять на change и меняют
А, ну только есть чекбокс. Я про компоненты подумал
Anton
А еще можно на на нативном инпуте сделать v-model с отправкой запроса в сеть. И вотчи не надо. И события отдельно слушать тоже не нужно. Вопрос тольк ов том, подойдет ли такое решение в контексте задачи)
Anton
Фильтровать никто не мешает
Anton
Ставить в очерель также
Vladyslav
А еще можно юзать готовые либо UI для Vue
Vladyslav
iView например 😉
Anton
Ну и да, в целом так себе решение по изменению инпута менять фильтры по сети
Anton
100500 раз уже всеми изучено и проклято)
Oleksandr
В дата впихнуть функцию?))
Anton
v-model = v-bind:value + $emit('input') Соответсвенно, слушаем change, по нему отправляем сетевой запрос и эмитим input
Anton
Получаем то же самое + отправку по сети
Stanislav
v-model = v-bind:value + $emit('input') Соответсвенно, слушаем change, по нему отправляем сетевой запрос и эмитим input
Какой-то чекбокс с побочными эффектами) Тыкнули галку, а он сам отправил запрос.
Anton
А еще есть model: { prop: 'checked', event: 'change' },
Stanislav
Так вроде этого и хотят, поправьте если ошибаюсь
Да, но не таким неявным способом. Я выше писал про "умные" и "глупые" компоненты.
Anton
Я прекрасно знаю, что это. Мало того, когда есть стор, такая концепция сама собой появится иначе поддержка проекта умрет
Anton
Вопрос в том, что никто не запрещает так сделать. И это еще одно решение. Собственно, поэтому Vue и набирает обороты - в нем можно (почти) все.
Anton
Ну, кстати, чем это не умный компонент?
Stanislav
Ну, кстати, чем это не умный компонент?
Так а зачем его умным делать?
Anton
Чтобы не делать кучу копипаста, например
MXLTN
ну вот сейчас вот получил от Vue Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "active"
Anton
Если будет несколько страниц, которые будут управлять набором вот таких чекбоксов с запросами в сеть, поулчите проблему дублирования логики.
MXLTN
сделал v-model vprops-a
Anton
@obsly так низя)
Stanislav
"умном" родителе
MXLTN
т е таки надо делать отдельную дату для состояния, потом слать его на сервак потом если 200 то обновлять пропс?
Anton
Вы меняете пропс изнутри, а это нарушение цепочки пропсы-сверху, эвенты-снизу