Vue: Masalah aneh di WeChat tentang dom tidak menanggapi perubahan properti.

Versi Vue.js

1.0.21

Tautan Reproduksi

https://jsfiddle.net/chongzi/6s53gxrp/1/

Langkah-langkah untuk mereproduksi

Selama proses pengguliran halaman, mengklik tombol dengan cepat akan menyebabkan masalah aneh. Perubahan data di vue tidak akan memicu pembaruan dom.

Apa yang Diharapkan?

Apa yang sebenarnya terjadi?

Masalah ini terjadi di browser WeChat, browser lain tidak memiliki masalah ini.

Deskripsi detail masalah:

Perangkat: iphone6 ​​(ios9.3.2)
Versi WeChat: 6.3.19

Gulir halaman dengan cepat, ketika pengguliran halaman belum berakhir, klik tombol apa saja di halaman (tombol ini mengontrol tampilan/sembunyikan dom dengan memodifikasi atribut tertentu). Ulangi operasi di atas dengan cepat.

Segera, dom tidak lagi berubah dengan perubahan properti (apakah halaman digulir lagi atau tidak).

Setelah pengujian, acara klik dipicu dan nilai properti diubah. Tetapi dom tidak diperbarui dengan perubahan properti lagi.

Salah satu pertanyaan berikut, tidak diuji dengan cermat.

Jika data terikat dalam data sedikit lebih besar. Misalnya, sepertinya di jsfiddle. Kemudian ketika tombol yang dirender diklik di WeChat. Tombol terakhir yang diberikan, semakin lambat responsnya. Tertunda secara nyata.

Semua fenomena ini memiliki satu kesamaan, yaitu: melalui perubahan atribut, hanya muncul ketika perubahan dom dikendalikan.