开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第4天
单个表单验证方法(这里直接写后面的校验方法,前面不会的看下文档就好了):
步骤: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) {
//这里就是全部校验成功后然后继续写自己的业务
}
})
好了就这么多。。。。