antdesignvue table toggleRowSelection

Ant Design Vue 的 Table 组件提供了 `toggleRowSelection` 方法来切换行的选中状态。该方法需要传入两个参数：行数据和是否选中。

例如，以下代码将行数据 `row` 的选中状态切换为 `selected`：

<template>
  <a-table :data-source="dataSource" @row-click="handleRowClick">
    <a-column title="Name" dataIndex="name"></a-column>
    <a-column title="Age" dataIndex="age"></a-column>
  </a-table>
</template>

<script>
export default {
  data() {
    return {
      dataSource: [
        { key: 1, name: "John Doe", age: 32 },
        { key: 2, name: "Jane Smith", age: 24 },
        { key: 3, name: "Bob Johnson", age: 41 }
      ],
      selectedRowKeys: []
    };
  },
  methods: {
    handleRowClick(row) {
      const isSelected = this.selectedRowKeys.includes(row.key);
      this.$refs.table.toggleRowSelection(row, !isSelected);
    }
  }
};
</script>

在 `handleRowClick` 方法中，我们使用 `toggleRowSelection` 方法来切换行的选中状态。如果行已经被选中，则切换成未选中状态；如果行未被选中，则切换成选中状态。需要注意的是，我们需要通过 `ref` 属性将 Table 组件实例的引用保存在 `this.$refs` 中，然后才能调用 `toggleRowSelection` 方法。