[element-ui] element form 表单自定义验证

彩蛋：后台管理系统一站式平台模板

vue-admin-wonderful，一套为开发者快速开发准备的基于 vue2.x 越看越精彩的后台管理系统一站式平台模板。基于element ui 2.14.0

1、验证当前项

validatorForm(formName, attr, errorTxt) {
	this.$refs[formName].clearValidate(); // 移除表单项的校验结果
	this.rules[attr].push({
		validator: (rule, value, callback) => {
			callback(new Error(errorTxt));
		},
		trigger: 'blur'
	});
	this.$refs[formName].validateField(attr);
	this.rules[attr] = this.rules[attr].slice(0, 1);
	this.$refs[attr].focus();
}

2、调用

submitForm(formName) {
    this.$refs[formName].validate(valid => {
    	this.validatorForm(formName, 'password', '密码输入错误');
    	// this.validatorForm(formName, 'userName', '用户名输入错误');
    } else {
   		return false;
   	}
   });
}