antdesign vue中table表格选中项的清除对勾问题

antd table表格选中对勾，操作之后清除掉复选框对勾

template

  <a-table
      ref="table"
      size="middle"
      :rowKey="
        (record) => {
          return record.id;
        }
      "
      :columns="columns"
      :dataSource="tableData"
      :loading="loading"
      :rowSelection="rowSelection"
    >
    </a-table>

javascript

const columns = [
{
    title: "序号",
    customRender: (text, record, index) => `${index + 1}`,
    scopedSlots: { customRender: "sn" },
    width: 80,
    fixed: "left",
  },
  {
  	title: "名称",
	dataIndex: "name",
				
  },
  {
    title: "操作",
    scopedSlots: { customRender: "action" },
    width: 210,
  },
]
export default {
	data() {
	    return {
	    	columns,
	    	loading：false,
	    	tableData:[],
	    	selectedRowKeys:[]
		}
	}
 	computed: {
	    rowSelection() {
	      const { selectedRowKeys } = this;
	      const _this = this;
	      return {
	        selectedRowKeys,  // 一定要加上这一行代码，清除才会有作用
	        onChange: (selectedRowKeys) => {
	          _this.selectedRowKeys = selectedRowKeys;
	        },
	      };
	   },
  	},
  	methods:{
  		clearData () {
			this.selectedRowKeys = [] // 操作完之后再调用这个方法就有效果了
		}
	}
}