element单个表单验证和多个表单验证的方法

单个表单验证方法(这里直接写后面的校验方法,前面不会的看下文档就好了):

步骤:el-form上面写好ref的命名

 <el-form ref="form"   :model="form" :rules="rules">
 </el-form>

方法:

this.$refs.form.validate(valid => {
	if (valid){
		//这里就是全部校验成功后然后继续写自己的业务
	}
})

多个表单验证方法(这里直接写后面的校验方法,前面不会的看下文档就好了):

步骤:el-form上面写好ref的命名

 <el-form ref="form1"   :model="form" :rules="rules">
 </el-form>
 
  <el-form ref="form2"   :model="form" :rules="rules">
 </el-form>

方法:

let arr = [];
let data = this.$refs.form1.validate();
let data2 = this.$refs.form2.validate();
arr.push(data);
arr.push(data2);
Promise.all(arr).then((valids) => {
	 if (valids.filter((el) => !el).length == 0) {
	 //这里就是全部校验成功后然后继续写自己的业务
	 }
})
      

好了就这么多。。。。

你可能感兴趣的:(工作遇到的问题,javascript,vue.js,前端)