记录Vue Antd 表格RowSelection刷新列表后缓存问题

起因

原来的代码

//tsx部分<br>    <BaseTable
      options={tableData.options}
      columns={tableData.columns}
      data={tableData.data}/><br>
const selectKeys  = ref<string[]>([])
// 表格配置
const handleRowSelection = {
  onChange: (selectedRowKeys: string[], selectedRows: ISeatItemData[]) => {
    selectKeys.value = selectedRowKeys
  },
}

　　页面上有个设为班长按钮，在勾选了某条数据后，点击调用了接口，刷新了当前列表，这条勾选的数据还在,原因是这条数据主键key值还在，手动在列表中设 selectKeys.value = [] 只能改变数据为空，界面依旧会展示选中状态，怎么改呢？查看了antd table文档，因为是第一次用antd +tsx写项目，而且我这个table组件封装了一层，找到了 rowSelection 方法简介，这里贴个链接 rowSelection

const selectKeys  = ref<string[]>([])const handleRowSelection = {
      selectedRowKeys:selectKeys,  // 这里很关键
      onChange: (selectedRowKeys: string[], selectedRows: ISeatItemData[]) => {
        selectKeys.value = selectedRowKeys
      },
    }

　　selectedRowKeys取定义好的selectKeys，注意(VUE3的)不要带 .value

然后在刷新列表的接口给它selectKeys.value = [] 就解决问题了

简单记录下，就这样子。