Vue: プロパティの変更に応答しないdomに関するWeChatの奇妙な問題。

Vue.jsバージョン

1.0.21

複製リンク

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

再現する手順

ページのスクロールプロセス中にボタンをすばやくクリックすると、奇妙な問題が発生します。vueのデータを変更しても、DOMの更新はトリガーされません。

何が期待されますか？

実際に何が起こっているのですか？

この問題はWeChatブラウザで発生しますが、他のブラウザではこの問題は発生しません。

問題の詳細な説明：

デバイス：iphone6（ios9.3.2）
WeChatバージョン：6.3.19

ページをすばやくスクロールします。ページのスクロールが終了していない場合は、ページ内の任意のボタンをクリックします（このボタンは、特定の属性を変更することにより、DOMの表示/非表示を制御します）。上記の操作をすばやく繰り返します。

間もなく、プロパティの変更に伴ってdomが変更されなくなります（ページが再度スクロールされるかどうかに関係なく）。

テスト後、クリックイベントがトリガーされ、プロパティ値が変更されます。しかし、DOMはプロパティの変更で更新されなくなりました。

次の質問の1つで、注意深くテストされていません。

データにバインドされたデータがわずかに大きい場合。たとえば、jsfiddleのようになります。次に、レンダリングされたボタンがWeChatでクリックされたとき。最後にレンダリングされたボタンほど、応答が遅くなります。著しく遅れた。

これらすべての現象には共通点が1つあります。つまり、属性の変更を通じて、domの変更が制御されている場合にのみ表示されます。