el-table 取消勾选

`el-table` 是 Element UI 中的一个表格组件，它提供了一种便捷的方式来显示数据并允许用户交互操作，如选择行。取消勾选通常是指清除已选中的行。在 `el-table` 中，你可以通过以下步骤来实现：

1. 首先，在表格列上设置属性 `type` 为 `'selection'` 或 `'checkbox'` 来启用选择功能。

2. 然后，给表格添加 `@selection-change` 事件监听器，这个事件会在用户选择或取消选择行时触发。在这个事件处理函数中，可以获取当前的选择状态，例如 `this.$refs.table.selection` 就是一个数组，包含了所有选中的行的索引。

3. 当需要取消某一行或多行的选中状态时，遍历这个数组，对每个选中的行调用 `row.$table.toggleRowSelection(index, false)`，这里的 `index` 是对应行的索引，`false` 表示将该行从选中列表中移除。

<template>
  <el-table :ref="tableRef" @selection-change="handleSelectionChange">
    <!-- ... -->
  </el-table>
</template>

<script>
export default {
  methods: {
    handleSelectionChange(selection) {
      if (selection.length > 0) { // 如果有选中的行
        selection.forEach((index) => {
          this.$refs.table.toggleRowSelection(index, false); // 取消选中
        });
      }
    },
    // ...其他方法
  }
};
</script>