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

多个表单同时验证

vue中使用elementui做表单提交时,同时验证多个form_第1张图片项目中遇到这样的多个表单同时提交,内容太多,分成两个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;
      }
      }

使用的是promisea.all

你可能感兴趣的:(elemenui,form,vue)