[element-ui] element form 表單自定義驗證

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;
   	}
   });
}