vue怎么在一个页面里写两个表格_vue给多个el-table嵌套表单验证

可以使用 Vue 的 `$refs` 属性来实现对多个 `el-table` 的引用，并在此基础上进行表单验证。下面是一个示例代码：

<template>
  <div>
    <el-table ref="table1" :data="tableData1">
      <!-- 表格列定义 -->
    </el-table>
    <el-form ref="form1" :model="formData1" :rules="formRules1">
      <!-- 表单项定义 -->
    </el-form>

    <el-table ref="table2" :data="tableData2">
      <!-- 表格列定义 -->
    </el-table>
    <el-form ref="form2" :model="formData2" :rules="formRules2">
      <!-- 表单项定义 -->
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData1: [],
      formData1: {},
      formRules1: {
        // 表单验证规则定义
      },
      tableData2: [],
      formData2: {},
      formRules2: {
        // 表单验证规则定义
      }
    }
  },
  mounted() {
    // 初始化表格数据
    // ...
  },
  methods: {
    submitForm1() {
      this.$refs.form1.validate(valid => {
        if (valid) {
          // 表单验证通过，提交表单数据
          // ...
        }
      })
    },
    submitForm2() {
      this.$refs.form2.validate(valid => {
        if (valid) {
          // 表单验证通过，提交表单数据
          // ...
        }
      })
    }
  }
}
</script>

在上面的代码中，我们使用了 `ref` 属性来定义了多个 `el-table` 和 `el-form` 的引用，并在对应的方法中使用了 `$refs` 来获取引用并进行表单验证。在实际使用中，我们可以根据自己的需求进行修改和扩展。