Element-ui 多表单同时验证

 如上图表单  [列二 列三 ]  由列一循环出来的数据  所用的校验规则相同  

方法一:

        拿到表单list数据循环遍历(通过正则/其他)进行校验   上图校验按实际需求只要不为空即可

方法二:

        通过element表单的rules属性进行校验   定义好rules校验规则配合方法validate进行验证

单个验证:

多表单校验:

核心:validate方法 ==>对整个表单进行校验的方法,参数为一个回调函数。该回调函数会在校验结束后被调用,并传入两个参数:是否校验成功和未通过校验的字段。若不传入回调函数,则会返回一个 promise     再通过Promise.all()方法一一验证

 提醒:表单是通过v-for循环得出,所绑定的ref=addData 通过$refs取到的实例为一个数组

 表单校验成功继续提交表单,反之给出提示,更正后重新提交

猜你喜欢

转载自blog.csdn.net/weixin_56421672/article/details/128836339
今日推荐