Vue：You may have an infinite update loop in a component render function.

背景：

出现该错误信息的部分代码如下：

<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里面找到了作者对该类问题的解释，我的解决办法与此类似，在方法内部定义局部变量，避免因修改状态导致界面重绘。