el-form 表单校验
1. 整体校验
// valid : true) / false
this.$refs.myForm.validate(valid => {
// valid == true : 校验通过
// valid == false: 校验未通过
if (!valid) {
return false;
}
})
2. 单独校验某个字段
// personName 文本框 prop 属性值
this.$refs.myForm.validateField('personName',valid => {
// valid == '必填项不能为空' 校验未通过 (valid == 对应字段校验规则的message)
// valid == '' 校验通过
if (valid) {
console.log('校验未通过');
}else{
console.log('校验通过');
}
}
);
3. 清除某个字段的校验规则
// personName 要清除校验的文本框 prop 属性值
// 多个字段可传数组
this.$refs.myForm.clearValidate(['personName'])