背景:
出现该错误信息的部分代码如下:
<div v-for="(item, index) in dataSource" :key="index">
<div class="steps-full">
<van-steps :active="stepsFlag(item.status)" active-color="#3a89fa">
<van-step>步骤1<p class="steps-item-time">
{{stepsTime(item.statusOfSendTime)}}</p>
</van-step>
...
</van-steps>
</div>
</div>
在方法stepsFlag()中进行了修改data响应数据的操作,进而导致页面重新渲染,然后又改变状态,又渲染,这就出现了一个没有终止条件的无尽循环,道理是这么个道理,在vue issue里面找到了作者对该类问题的解释,我的解决办法与此类似,在方法内部定义局部变量,避免因修改状态导致界面重绘。