Problem description ：

Choose a-table Medium rowSelection after , Cancel the previously prepared operation , Switch tab page , When you come back again rowSelection Still selected . What needs to be solved is ： Switch tab When the page comes back , Empty rowSelection Selected state of .

Solve the code ：

html in ：

<a-table :columns="column" :data-source="dataList" 
                :rowKey="record => record.guid || record.stcd" 
                :pagination="false"
                :row-selection="rowSelection" 
                :scroll="{ x:1200,y:height}" 
                bordered
                :loading="dataListLoading"/>

data in ：

 data() {
    
 	column: columns[this.$parent.active][0],
 	dataList: [],
 	height:0,
 	dataListLoading:false,
 	// Store selected rows Array of 
  	dataListSelectionList: [],
  	
  	selectedRowKeys: [],
  }

computed in ：

 computed: {
    
    rowSelection() {
    
      return {
    
        //onChange Method ,rowSelection Triggered on change 
        onChange: (selectedRowKeys, list) => {
    
        	// Gets the key Elements , And the following selectedRowKeys Properties are used in conjunction with , Said to rowSelection Bind one v-model, by this.selectedRowKeys
          this.selectedRowKeys=selectedRowKeys
          // Get all elements of the selected row 
          this.dataListSelectionList = list
        },
        selectedRowKeys:this.selectedRowKeys,
      }
    },
 }

Last , To realize emptying rowSelection Selected state , stay methods In the corresponding method of ：

methods:{
    
	clearRowSelection() {
    
 	  // Empty all elements of the selected row 
      this.dataListSelectionList = []
      // The... Of the selected row will be displayed keys empty （ That is, clear the selected state ）
      this.selectedRowKeys=[]
 	}
}