Vue: Seltsames Problem in WeChat, dass Dom nicht auf Eigenschaftsänderungen reagiert.

Vue.js-Version

1.0.21

Reproduktionslink

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

Schritte zum Reproduzieren

Während des Scrollvorgangs der Seite führt ein schnelles Klicken auf die Schaltfläche zu einem seltsamen Problem: Die Änderung der Daten in vue löst kein Dom-Update aus.

Was wird erwartet?

Was passiert eigentlich?

Dieses Problem tritt im WeChat-Browser auf, andere Browser haben dieses Problem nicht.

Detaillierte Beschreibung des Problems:

Gerät: iphone6 ​​​​(ios9.3.2)
WeChat-Version: 6.3.19

Scrollen Sie schnell durch die Seite, wenn das Scrollen der Seite noch nicht beendet ist, klicken Sie auf eine beliebige Schaltfläche auf der Seite (diese Schaltfläche steuert das Anzeigen/Ausblenden des Doms durch Ändern eines bestimmten Attributs). Wiederholen Sie die obigen Vorgänge schnell.

Bald ändert sich der Dom nicht mehr bei Eigenschaftsänderungen (unabhängig davon, ob die Seite erneut gescrollt wird oder nicht).

Nach dem Testen wird das Klickereignis ausgelöst und der Eigenschaftswert geändert. Aber der Dom wird nicht mehr mit Eigenschaftsänderungen aktualisiert.

Eine der folgenden Fragen, nicht sorgfältig getestet.

Wenn die in data gebundenen Daten etwas größer sind. Zum Beispiel sieht es aus wie in jsfiddle. Dann, wenn die gerenderte Schaltfläche in WeChat angeklickt wird. Die zuletzt gerenderte Schaltfläche, desto langsamer die Reaktion. Deutlich verzögert.

Alle diese Phänomene haben eines gemeinsam, nämlich: Durch Attributänderungen tritt es nur auf, wenn die Domänderungen kontrolliert werden.