vue3 el-table clearSelection方法

在 Vue3 中，`el-table` 组件是 Element UI 提供的一个用于展示表格的数据组件。当你需要清空选中的行时，可以使用 `clearSelection()` 方法。这个方法通常关联到表格组件的 `selection` 属性，它表示当前选中的数据项。

例如，在你的模板中，如果你有一个 `table` 变量代表 `el-table` 实例，你可以这样做：

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

<script>
export default {
  methods: {
    handleSelectionChange(selection) {
      if (selection.length > 0) {
        this.table.clearSelection(); // 清空选择
      }
    },
  },
  data() {
    return {
      tableData: [], // 表格数据
    };
  },
};
</script>

在这个例子中，当用户在表格上点击取消选择或者清除所有选择时，`handleSelectionChange` 方法会被触发，然后调用 `table.clearSelection()` 来清空已选中的行。