vue開發中遇到Forced reflow while executing JavaScript took

在vue的開發過程中,遇到了如圖所示的警告提示,我頁面中包含有一個毫秒倒計時,swiper插件等,還有有一個答題卡組件,組件是通過來控制顯示的,但是這裏每次在頁面點擊改變isAnswerCardOpen的值是,就會出現上圖的警告,而且也感覺頁面會稍微卡一下,影響到了倒計時。

 

這個問題我暫時想不出來時啥原因引起的,猜測可能是因爲毫秒倒計時不斷調用回調函數引起的,然後影響到了其他組件。

後面我是直接這樣子改的:不通過props去改變isOpen的值,而是通過bus提交事件去改變isOpen的值從而打開顯示答題卡組件,然後隱藏答題卡的話,通過組件自身去將isOpen的值置爲false。這樣子做就不會出現上面的警告了,也不會出現明顯的卡頓。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章