需求
要求: 一个页面两个form,要求所有字段必填
代码
将表格上的rules改到点击确定按钮的时候去校验
<el-button type="primary" class="nb-primary-btn-style" round @click="validateEdit"
>确 定</el-button>
//提交编辑
validateEdit() {
// 校验表单一
let dispatchValidate = new Promise((resolve, reject) => {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
resolve();
} else {
return false;
}
});
});
let formValidate;
if (this.titleName == 'add') {
// 校验表单二
formValidate = new Promise((resolve, reject) => {
this.$refs.contractForm.validate((valid) => {
if (valid) {
resolve();
} else {
return false;
}
});
});
}
// Promise.all统一处理
Promise.all([dispatchValidate, formValidate]).then(() => {
// 后续表单提交操作
this.submitEdit();
});
},