Vue: مشكلة غريبة في WeChat حول عدم استجابة dom لتغييرات الملكية.

إصدار Vue.js

1.0.21

رابط الاستنساخ

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

خطوات التكاثر

أثناء عملية التمرير للصفحة ، سيؤدي النقر فوق الزر بسرعة إلى حدوث مشكلة غريبة ، ولن يؤدي تغيير البيانات الموجودة في vue إلى تشغيل تحديث dom.

ما هو متوقع؟

ما الذي يحدث بالفعل؟

تحدث هذه المشكلة في متصفح WeChat ، ولا تعاني المتصفحات الأخرى من هذه المشكلة.

وصف تفصيلي للمشكلة:

الجهاز: iphone6 ​​(ios9.3.2)
إصدار WeChat: 6.3.19

قم بتمرير الصفحة بسرعة ، عندما لا ينتهي تمرير الصفحة ، انقر فوق أي زر في الصفحة (يتحكم هذا الزر في عرض / إخفاء dom بتعديل سمة معينة). كرر العمليات المذكورة أعلاه بسرعة.

قريبًا ، لم يعد dom يتغير مع تغييرات الخاصية (سواء تم تمرير الصفحة مرة أخرى أم لا).

بعد الاختبار ، يتم تشغيل حدث النقر وتغيير قيمة الخاصية. لكن دوم لم يتم تحديثه مع تغييرات الممتلكات بعد الآن.

أحد الأسئلة التالية ، لم يتم اختباره بعناية.

إذا كانت البيانات المرتبطة بالبيانات أكبر قليلاً. على سبيل المثال ، يبدو في jsfiddle. ثم عند النقر فوق الزر الذي يتم عرضه في WeChat. آخر زر تم عرضه ، كانت الاستجابة أبطأ. تأخر بشكل ملحوظ.

تشترك كل هذه الظواهر في شيء واحد ، وهو: من خلال تغييرات السمات ، تظهر فقط عندما يتم التحكم في تغييرات dom.