Vue: 속성 변경에 응답하지 않는 dom에 대한 WeChat의 이상한 문제.

Vue.js 버전

1.0.21

재생산 링크

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

재현 단계

페이지의 스크롤 과정에서 버튼을 빠르게 클릭하면 이상한 문제가 발생합니다.vue의 데이터 변경은 dom 업데이트를 트리거하지 않습니다.

무엇을 기대합니까?

실제로 무슨 일이 일어나고 있습니까?

이 문제는 WeChat 브라우저에서 발생하며, 다른 브라우저에는 이 문제가 없습니다.

문제에 대한 자세한 설명:

장치: iphone6(ios9.3.2)
위챗 버전: 6.3.19

페이지를 빠르게 스크롤하고 페이지 스크롤이 끝나지 않으면 페이지의 아무 버튼이나 클릭합니다(이 버튼은 특정 속성을 수정하여 DOM 표시/숨기기를 제어합니다). 위의 작업을 빠르게 반복하십시오.

곧 dom은 속성 변경으로 더 이상 변경되지 않습니다(페이지가 다시 스크롤되는지 여부).

테스트 후 클릭 이벤트가 발생하고 속성 값이 변경됩니다. 그러나 DOM은 더 이상 속성 변경으로 업데이트되지 않습니다.

신중하게 테스트하지 않은 다음 질문 중 하나입니다.

데이터에 바인딩된 데이터가 약간 더 큰 경우. 예를 들어 jsfiddle에서처럼 보입니다. 그런 다음 WeChat에서 렌더링된 버튼을 클릭하면. 마지막 버튼이 렌더링될수록 응답이 느려집니다. 눈에 띄게 지연되었습니다.

이 모든 현상은 한 가지 공통점이 있습니다. 즉, 속성 변경을 통해 dom 변경이 제어될 때만 나타납니다.