ElementUI的多个 Table 实现全选，反选

Element UI 的表格 `el-table` 提供了一种方便的方式来实现多选功能，包括全选和反选操作。你可以通过以下几个步骤来实现：

1. 首先，在 `el-table` 组件上设置 `selection-mode` 属性为 `'multiple'` 或 `'checkbox'`，这会启用选择模式。

<template>
  <el-table :selection="selectedItems" selection-type="checkbox">
    <!-- ... -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      selectedItems: [], // 存储已选择的行数据
      // ...其他数据
    };
  },
  methods: {
    toggleSelection(item) {
      if (this.selectedItems.includes(item)) {
        this.selectedItems = this.selectedItems.filter(i => i !== item);
      } else {
        this.selectedItems.push(item);
      }
    },
    // 全选、反选函数
   .selectAll() {
      this.selectedItems = this.data.slice(0); // 如果是整个数据集全选，替换为 yourDataArray
    },
    deselectAll() {
      this.selectedItems = [];
    },
  },
};
</script>

2. 然后，可以为每一行添加一个复选框，并绑定 `@change` 事件到 `toggleSelection` 方法，以便处理单个行的选择和取消选择。

3. 对于全选和反选的操作，可以在 `selectAll` 和 `deselectAll` 方法中更新 `selectedItems` 数组。`selectAll` 可以清空已有选中项并选择所有数据，`deselectAll` 则直接置空 `selectedItems`。

4. 最后，如果你想要全局性的控制，例如点击“全选”按钮时触发 `selectAll`，你需要添加相应的按钮，并在其点击事件中调用 `selectAll` 方法。

注意：这里的数据数组 (`yourDataArray`) 应该是你的表格实际数据源。