vue开发中遇到Forced reflow while executing JavaScript took

在vue的开发过程中,遇到了如图所示的警告提示,我页面中包含有一个毫秒倒计时,swiper插件等,还有有一个答题卡组件,组件是通过来控制显示的,但是这里每次在页面点击改变isAnswerCardOpen的值是,就会出现上图的警告,而且也感觉页面会稍微卡一下,影响到了倒计时。

 

这个问题我暂时想不出来时啥原因引起的,猜测可能是因为毫秒倒计时不断调用回调函数引起的,然后影响到了其他组件。

后面我是直接这样子改的:不通过props去改变isOpen的值,而是通过bus提交事件去改变isOpen的值从而打开显示答题卡组件,然后隐藏答题卡的话,通过组件自身去将isOpen的值置为false。这样子做就不会出现上面的警告了,也不会出现明显的卡顿。

你可能感兴趣的:(vue学习)