可编辑el-table表格里每一行表单验证el-form

需求:可编辑表格每一行表单分开保存

实现想法:每一行表单验证不在一个el-form里无法直接用formRef.value.validate方法,需要用formRef.value.validateFeild方法,每一行的每个el-form-item需要结合formRef.value.validateFeild进行遍历验证,

const checkForm=(index,prop)=>{
return new Promise((resolve,reject)=>{
formRef.value.validateField("tableData."+index+'."+prop,(valid)=>{
if(valid){
resolve('通过');
}else reject();
});
});
};
let list=['name','address'].map((prop)=>{
return checkForm(index,prop):
});
await Promise.all(list) //验证

  • 11
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值