vue中使用elementui做表单提交时，同时验证多个form

多个表单同时验证项目中遇到这样的多个表单同时提交，内容太多，分成两个form表单，一个是basicForm，一个是advanceForm，点击确定按钮时同时验证，验证通过提交表单，有一个不通过则不提交，代码是这样写的async saveInfo() {// console.log(this.exampleData.map(r => r.exampleName));// console.log

图拉呀

6588人浏览 · 2020-06-24 16:03:44

图拉呀 · 2020-06-24 16:03:44 发布

多个表单同时验证

在这里插入图片描述项目中遇到这样的多个表单同时提交，内容太多，分成两个form表单，一个是basicForm，一个是advanceForm，点击确定按钮时同时验证，验证通过提交表单，有一个不通过则不提交，代码是这样写的

    async saveInfo() {
      // console.log(this.exampleData.map(r => r.exampleName));

      // console.log(this.userData.map(r => r.userExample)[0], "shili");

      try {
        await Promise.all([
          this.$refs.basicForm.validate(),
          this.$refs.levelForm.validate()
        ]);
      } catch (error) {
        return;
      }
      }