Vue: Vue memperbarui data sebelum atau sesudah acara klik tergantung pada browser

Dibuat pada 22 Jun 2016  ·  3Komentar  ·  Sumber: vuejs/vue

Versi Vue.js

v1.0.20

Tautan Reproduksi

http://jsfiddle.net/5sH6A/468/

Langkah-langkah untuk mereproduksi

Chrome/Firefox berperilaku satu arah sementara IE 11/Edge berperilaku berbeda.

Chrome/Firefox - Jika Anda mengeklik kotak centang yang mengubahnya dari status salah ke status benar, vue TIDAK memperbarui nilai baris.yang dipilih menjadi true SEBELUM peristiwa klik.

IE 11/Edge - Jika Anda mengklik kotak centang yang mengubahnya dari status false ke true, vue TIDAK memperbarui nilai row.selected menjadi true SEBELUM acara klik.

hal yang sama beralih dari keadaan benar ke keadaan salah

Komentar yang paling membantu

Kami memecahkan masalah ini dengan membungkus logika change-handler kami di Vue.nextTick . Kemudian Anda selalu mengakses nilai yang diperbarui.
Solusi lain bisa menjadi pengamat di properti.

Semua 3 komentar

Peramban yang berbeda memicu peristiwa change dan click dalam urutan yang berbeda, ini bukan sesuatu yang dapat diubah Vue dan Vue tidak bertanggung jawab untuk menormalkan perilaku ini. Anda seharusnya mendengarkan acara change alih-alih click .

Kami memecahkan masalah ini dengan membungkus logika change-handler kami di Vue.nextTick . Kemudian Anda selalu mengakses nilai yang diperbarui.
Solusi lain bisa menjadi pengamat di properti.

Jawaban yang diterima harus jawaban Evan. Itu bekerja dalam setiap kasus.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

loki0609 picture loki0609  ·  3Komentar

franciscolourenco picture franciscolourenco  ·  3Komentar

paceband picture paceband  ·  3Komentar

paulpflug picture paulpflug  ·  3Komentar

lmnsg picture lmnsg  ·  3Komentar