v1.0.20
http://jsfiddle.net/5sH6A/468/
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
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.
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.