antdesignvue1.7 table toggleRowSelection用法

`toggleRowSelection` 是 Ant Design Vue 1.7 版本中 table 组件的一个方法，用于切换表格中某一行的选中状态。

该方法有两个参数：

- `row`: 表示要切换选中状态的行数据对象。
- `selected`: 可选参数，表示是否选中该行，为 `true` 则选中，为 `false` 则取消选中。如果该参数未传递，则会自动切换该行的选中状态。

下面是一个使用 `toggleRowSelection` 方法的示例：

<template>
  <a-table :columns="columns" :data-source="data" row-key="id" @row-click="handleRowClick"></a-table>
</template>

<script>
  export default {
    data() {
      return {
        columns: [
          { title: '姓名', dataIndex: 'name' },
          { title: '年龄', dataIndex: 'age' },
          { title: '地址', dataIndex: 'address' },
        ],
        data: [
          { id: 1, name: '张三', age: 18, address: '北京市海淀区' },
          { id: 2, name: '李四', age: 20, address: '上海市虹桥区' },
          { id: 3, name: '王五', age: 22, address: '广州市天河区' },
        ],
      };
    },
    methods: {
      handleRowClick(row) {
        this.$refs.table.toggleRowSelection(row);
      },
    },
  };
</script>

上面的示例中，我们使用了 `toggleRowSelection` 方法来切换表格中某一行的选中状态。在 `row-click` 事件中，我们通过 `$refs` 的方式获取了 table 组件的实例，然后调用 `toggleRowSelection` 方法来切换选中状态。这样就可以实现点击表格行来切换该行的选中状态了。