vue 循环列表双向绑定后改变数据造成赋值死循环的解决方案

首先说需求

产品绑定多个渠道后, 每个渠道需要配置下级所有等级和分类组合的折扣价格

参考设计图稿

先不谈等级和分类的组合

我们先思考渠道数据的显示

在基于上面多选输出后, 需要对比数据库数据是否存在, 如果存在则填充输入框的值,如果不存在则填充空数据

于是有这样的代码

 let listItem=this.formData.channelList.find(v=>
                                v.classifyId===channelItem.classifyCation[j].id &&
                                v.rankId===channelItem.rank[k].id &&
                                v.channelId===channelId
                            );
                            if(!listItem){
                                listItem={
                                    channelId:channelId,
                                    classifyId:channelItem.classifyCation[j].id,
                                    rankId:channelItem.rank[k].id,