VUE<setup> el-table-column reserve-selection获取选中的选项 重新选中

`<el-table>` 是 Element UI 组件库中的一个表格组件，而 `reserve-selection` 是它的属性之一，用于保留之前选中的项。如果你在使用 `<el-table>` 的 `<el-table-column>` 来实现多选功能时，可以通过给每个 `<el-table-column>` 添加 `type="selection"` 来启用多选框功能。

`<el-table>` 中还有一个属性叫做 `default-sort`，可以设置默认的排序字段和排序顺序。

如果需要获取选中的选项，并且重新选中之前的选中项，你可以使用 `el-table` 的 `ref` 属性来获取表格实例，然后使用该实例的方法来实现。以下是一个基本示例：

<template>
  <el-table
    :data="tableData"
    ref="multipleTable"
    row-key="id"
    @selection-change="handleSelectionChange"
  >
    <el-table-column
      type="selection"
      width="55">
    </el-table-column>
    <!-- 其他列 -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        // 表格数据
      ],
      selectedRows: [], // 用于存储选中的行数据
    };
  },
  methods: {
    handleSelectionChange(val) {
      this.selectedRows = val;
    },
    // 当需要重新选中某些项时
    reselectRows(rows) {
      if (!rows.length) return;
      this.$refs.multipleTable.toggleRowSelection(rows[0], true);
    },
  },
};
</script>

在上面的代码中，`handleSelectionChange` 方法会在选中项发生变化时被调用，并更新 `selectedRows` 数组。如果需要重新选中某些行，可以在 `reselectRows` 方法中使用表格实例的 `toggleRowSelection` 方法来实现。