Vue: Vue actualiza los datos antes o después del evento de clic según el navegador

Creado en 22 jun. 2016 · 3Comentarios · Fuente: vuejs/vue

Versión de Vue.js

v1.0.20

Enlace de reproducción

pasos para reproducir

Chrome / Firefox se comporta de una manera mientras que IE 11 / Edge se comporta de otra manera.

Chrome / Firefox: si hace clic en la casilla de verificación y la cambia de un estado falso a verdadero, vue NO actualiza el valor de row.selected a verdadero ANTES del evento de clic.

IE 11 / Edge: si hace clic en la casilla de verificación y la cambia de un estado falso a verdadero, vue SÍ actualiza el valor de row.selected a verdadero ANTES del evento de clic.

Lo mismo pasa de estados verdaderos a falsos

Fuente

loki0609

Comentario más útil

Resolvimos este problema ajustando nuestra lógica del manejador de cambios en Vue.nextTick . Entonces siempre accedes a los valores actualizados.
Otra solución podría ser un vigilante en la propiedad.

katebe en 19 jun. 2017

👍2

Todos 3 comentarios

Diferentes navegadores activan eventos change y click en diferentes órdenes, esto no es algo que Vue pueda cambiar ni Vue sea responsable de normalizar este comportamiento. Debería estar escuchando el evento change lugar de click .