ant design vue selectedRows关联选中

根据你的引用内容，当你勾选了表格选项并返回上一页再进入页面时，想要清除选中的项。你尝试将selectedRowKeys置空，但发现没有效果。经过分析，你发现少写了一行代码，需要将定义的selectedRowKeys放进rowSelection中，在onChange上面才能生效。修正后的代码应该如下所示：

<template>
  <a-table :row-selection="rowSelection" :columns="columns" :data-source="data" />
</template>

export default {
  data() {
    return {
      select_rows: [], // 批量选中的行
      selectedRowKeys: [], // 批量选中的key
    };
  },
  computed: {
    rowSelection() {
      const { selectedRowKeys } = this;
      return {
        selectedRowKeys, // 一定要加上这一行代码，清除才会有作用
        onChange: (selectedRowKeys, selectedRows) => {
          console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
          this.selectedRowKeys = selectedRowKeys;
          this.select_rows = selectedRows;
        },
      };
    },
  },
  methods: {
    clearData() {
      this.selectedRowKeys = []; // 再调用这个方法就有效果了
    },
  },
};

这样，当你调用clearData方法时，就能清除选中的项了。