<template>
  <div>
    <el-form ref="form1" :rules="rules1">
      <!-- 表單內(nèi)容 -->
    </el-form>
    <el-form ref="form2" :rules="rules2">
      <!-- 表單內(nèi)容 -->
    </el-form>
    <el-button @click="submit">提交</el-button>
  </div>
</template>

export default {
  data() {
    return {
      form1: {},
      form2: {},
      rules1: {},
      rules2: {}
    }
  },
  methods: {
    submit() {
      const form1Valid = this.$refs.form1.validate()
      const form2Valid = this.$refs.form2.validate()
      if (form1Valid && form2Valid) {
        // 統(tǒng)一提交表單
      }
    }
  }
}

export default {
  data() {
    return {
      // 數(shù)組用來存儲所有表單的 ref 值
      formRefs: [ 'form1', 'form2' ],
      form1: {},
      form2: {},
      rules1: {},
      rules2: {}
    }
  },
  methods: {
    submit() {
     // 標記所有表單是否通過校驗的變量
     let isValid = true
     // 遍歷表單數(shù)組，依次對每個表單進行校驗
     this.formRefs.forEach(ref => {
     	this.$refs[ref].validate(valid => {
     		if (!valid) {
     			isValid = false
     		}
     	})
     }}
     // 如果所有表單都校驗通過，執(zhí)行提交操作
     if (isValid) {
     	// 執(zhí)行提交操作
     }
    }
  }
}