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

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

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11875214.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存