el-form 表单校验,动态添加及取消校验字段
设置待校验字段
let fieldsToValidate = ['字段1','字段2','字段3','字段4','字段5'];
//可以根据需求向数组中push需要校验的字段
校验方法
Promise.all(
fieldsToValidate.map((item) => {
return new Promise(function (resolve, reject) {
_this.$refs.datarule.validateField(item, (error) => {
resolve(error);
console.log(reject);
});
});
})
).then((data) => {
//单独写一个校验全部通过的方法,如果单个校验通过会返回空字符串
if (_this.IsPassRules(data)) {
_this.save();
} else {
_this.IsSave = false;
_this.load = false;
}
});
},
//判断是否全部通过校验规则
IsPassRules(data) {
let count = 0;
data.forEach((item) => {
if (item == "") {
count++;
}
});
if (count == data.length) {
return true;
} else {
return false;
}
}