ant design vue table清空选中

非关键的其他代码已忽略

表格a-table示例

<a-table
       :row-selection="{
         selectedRowKeys: state.selectedRowKeys,
         onChange: onSelectChange ,
         type:'checkbox',
         preserveSelectedRowKeys: true
       }"
     >

     </a-table>
  • selectedRowKeys 保存选中rowKey
  • onChange 监听事件
  • type 选中的标签类型
  • preserveSelectedRowKeys 翻页不清空已缓存rowKey

声明变量

const state = reactive({
  selectedRowKeys: [],
  selectedRows: []
});

监听选项改变事件

const onSelectChange = ( selectedRowKeys, selectedRows) =>{
  state.selectedRowKeys = selectedRowKeys
  state.selectedRows = selectedRows
}

需要清空当前已点击rowKey

state.selectedRowKeys = [];