vue3 + ts使用elementUI循环不确定数量的多选表格，怎么清空其中一个表的选中

在 Vue3 中结合 TypeScript 使用 Element UI 的多选表格，如果你想要在一个动态生成的表格中清空某个特定表格的选中项，可以按照以下步骤操作：

首先，你需要确保表格的数据结构是响应式的，并且每个表格都有一个 `key` 属性用于唯一标识每一行。假设你的数据是这样的：

type TableData = {
  key: string;
  checkbox: boolean; // 表示是否被选中，默认可能是 false
  // ...其他列的数据
}

// 假设你有一个动态数组 tables，每个元素对应一个表格
let tables: Array<{ data: TableData[] }> = [
  { data: [] },
  { data: [] } // 等等...
];

然后，在模板中遍历 `tables` 并绑定一个自定义方法来清除选中项：

<template>
  <el-table v-for="(tableItem, index) in tables" :key="index">
    <el-table-column type="selection"></el-table-column>
    <!-- 其他列... -->
    
    <el-table-column label="操作">
      <template slot-scope="scope">
        <el-button @click="clearSelection(index)">清空选中</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue';

export default defineComponent({
  methods: {
    clearSelection(tableIndex: number) {
      this.tables[tableIndex].data.forEach((item, idx) => {
        if (item.checkbox) {
          item.checkbox = false; // 清除选中状态
        }
      });
    }
  }
});
</script>

在这个例子中，当你点击“清空选中”按钮时，对应的表格的选中状态会被清空。