ElementUI同一个表单，不同按钮验证规则不同

理想和远方_在路上

于 2023-03-27 10:22:58 发布

阅读量344

点赞数

分类专栏： vue element form 文章标签： vue.js form elementui Powered by 金山文档

本文链接：https://blog.csdn.net/weixin_38822843/article/details/129751956

版权

vue 同时被 3 个专栏收录

14 篇文章 1 订阅

订阅专栏

element

3 篇文章 0 订阅

订阅专栏

form

2 篇文章 0 订阅

订阅专栏

页面需求

点击保存并通过时，只需要验证标题是否填写

点击审核不通过时，需要验证标题和审核不通过原因两个框

需要分开验证，不能同时添加

代码逻辑

//type 值为2表示审核通过，值为1 表示审核不通过 
getcontentedit(type) {
      console.log(type);
      const p1 = new Promise((resolve) => {
        this.$refs["ruleForm"].validateField("title", (err) => {
          resolve(err);
        });
        resolve();
      });

      let saveObj = JSON.parse(JSON.stringify(this.contentEdit));
      if (type == 2) {
        p1.then((result) => {
            saveObj.checked = true;
            this.save(saveObj).then((res) => {
              if (res == "0000") {
                this.nextArticle();
              }
            });
        });
      } else {
        const p2 = new Promise((resolve) => {
          this.$refs["ruleForm"].validateField("remark2", (err) => {
            resolve(err);
          });
          resolve();
        });
        Promise.all([p1, p2]).then((result) => {
            saveObj.checked = false;
            saveObj.remark2 = this.contentEdit.remark2;
            this.save(saveObj).then((res) => {
              if (res == "0000") {
                this.nextArticle();
              }
            });
        });
      }
    },