vue动态表单中删除再添加时数据删掉的数据又补上了

vue动态表单中删除再添加时数据删掉的数据又补上了

vue动态表单中删除再添加时数据删掉的数据又补上了

可能是vue的双向绑定机制，当你删除了某个数据，vue会自动更新数据，当你再添加数据时，vue会自动将数据补上。

把rules直接写在el-form-item标签里面 同时要注意prop的写法 写你遍历的那个数组名+下标+校验的字段

此处如果发现不生效 检查下你的prop里面的数组是不是写错了 不能写ruleForm.billingBindMeals 而应该直接写billingBindMeals

1.

根据id删除对应数据 <!-- 点击传入当前点击的数据 --><el-buttontype="dangerous"@click="handleClickDelProduct(scope.row)">删除</el-button>//ES6//根据id查找元素 findIndex//函数内如果返回true,就结束遍历并返回当前index//index如果没有找到返回-1handleClickDelProduct(row){letindex=this.newList.findIndex((product)=>{returnrow.id==product.id})if(index!==-1){this.newList.splice(index,1)}},

2.

根据下标删除对应数据 <!-- 点击传入当前点击的下标 --><divv-f

---