Vue +Element ui方法里触发表单校验(动态校验提示信息)

登录时,当账号或密码错误时,触发表单校验,并用信息提示。
Vue +Element ui方法里触发表单校验(动态校验提示信息)_第1张图片

//自定义校验规则
var validatePass = (rule, value, callback) => {
    if (value === "") {
       callback(new Error("please input password"));
    } else {
       if (value.length < 6) {
         callback(new Error("Password must not be less than 6 bits"));
       }
       //动态定义校验信息,不为空时提示此校验信息
       if (this.loginError) {
         callback(new Error(this.loginError));
       }
       callback();
    }
};
//定义动态校验提示信息
this.loginError = "User ID or password doesn't match on our record.";
//触发需校验的表单项,pass为需校验的变量
this.$refs[formName].validateField("pass");

你可能感兴趣的:(Vue,+,Element,ui)