Vue: Vue обновляет данные до или после события клика в зависимости от браузера

Созданный на 22 июн. 2016 · 3Комментарии · Источник: vuejs/vue

Версия Vue.js

v1.0.20

Ссылка на воспроизведение

Действия по воспроизведению

Chrome / Firefox ведут себя одним образом, а IE 11 / Edge - иначе.

Chrome / Firefox - если вы нажмете этот флажок, изменив его с ложного на истинное состояние, vue НЕ ОБНОВЛЯЕТ значение row.selected на true ДО события щелчка.

IE 11 / Edge - если вы нажмете этот флажок, изменив его с ложного на истинное состояние, vue ДЕЙСТВИТЕЛЬНО обновляет значение row.selected на истинное ПЕРЕД событием щелчка.

то же самое, переходя от истинного состояния к ложному

Источник

loki0609

Самый полезный комментарий

Мы решили эту проблему, заключив нашу логику обработчика изменений в Vue.nextTick . Тогда вы всегда получаете доступ к обновленным значениям.
Другим решением может быть наблюдатель за недвижимостью.

katebe 19 июн. 2017

👍2

Все 3 Комментарий

Различные браузеры запускают события change и click в разном порядке, это не то, что Vue может изменить, и Vue не отвечает за нормализацию этого поведения. Вы должны слушать событие change вместо click .