(文章目录)
一、表单检验
注:
prop
对应的不单单是rules
规则里面的验证项,同时对应着form-item
下v-model
绑定的值。prop
绑定的类要与el-form-item
下v-model
的值相对应。否则就算校验元素输入字符,也会提示“请输入”之类的提示语,造成校验不友好问题。
二、清除表单校验
// 清除表单校验的提示
if (this.$refs['XXX']) {
// 延时执行
this.$nextTick(function () {
this.$refs['XXX'].clearValidate();
})
};
三、callback()
vue
自定义表单校验,不管检验是否通过一定要加 callback();
validateDatasourceNm(rule, value, callback) {
let reg = /^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/; //只允许输入正数
if (value === '') {
callback(); //这句话没有的话 不知名的问题产生。
} else {
if (!reg.test(value)) {
callback(new Error(this.ruleNames[rule.fullField]));
}
callback();
}
}