今天在写代码的时候遇到了这么一个问题:使用element-ui的表单,校验时发现中间代码不执行
this.$refs[form].validate((valid) => {
if (valid) {
...
})
}else {
this.$message.error('表单填写错误')
}
})
经过查阅资料,发现校验生效需要两个条件:
- 表单中的prop必须与model的变量名称相同
- 定义自定义校验规则时,做if判断时,一定要用else返回callback()
if() {
...
}else if {
...
}else {
return callback()
}
特此记载