vue中使用elementui做表單提交時，同時驗證多個form&&獲取子組件的組件

多個表單同時驗證
項目中遇到這樣的多個表單同時提交，內容太多，分成兩個form表單，一個是basicForm，一個是advanceForm，點擊確定按鈕時同時驗證，驗證通過提交表單，有一個不通過則不提交，代碼是這樣寫的

    addData() {

      try {

        Promise.all([

          this.$refs.refName.$refs.ruleForm1.elForm.validate(),

          this.$refs.refName.$refs.ruleForm2.elForm.validate()

        ]).then((res) => {

          console.log('效驗通過')

        })

      } catch (error) {

        return

      }

    },

 

使用的是promisea.all

 

 

獲取子組件的組件

his.$refs.refName.$refs.ruleForm1.elForm