a-table中的rowSelection清空问题

问题描述：

选中a-table中的rowSelection之后，取消之前准备的操作，切换tab页，再次回来时rowSelection仍是选中状态。需要解决的就是：切换tab页回来时，清空rowSelection的选中状态。

---

解决代码：

html中：

<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中：

 data() {
    
 	column: columns[this.$parent.active][0],
 	dataList: [],
 	height:0,
 	dataListLoading:false,
 	//存放选中rows的数组
  	dataListSelectionList: [],
  	
  	selectedRowKeys: [],
  }

computed中：

 computed: {
    
    rowSelection() {
    
      return {
    
        //onChange方法，rowSelection改变时触发
        onChange: (selectedRowKeys, list) => {
    
        	//获取选中行的key元素，和下面selectedRowKeys属性配合使用，表示给rowSelection绑定一个v-model，为this.selectedRowKeys
          this.selectedRowKeys=selectedRowKeys
          //获取选中的行的所有元素
          this.dataListSelectionList = list
        },
        selectedRowKeys:this.selectedRowKeys,
      }
    },
 }

最后，要实现清空rowSelection选中状态，在methods的对应方法中写：

methods:{
    
	clearRowSelection() {
    
 	  //将选中行的所有元素置空
      this.dataListSelectionList = []
      //将选中行的keys置空（即清空选中状态）
      this.selectedRowKeys=[]
 	}
}
 

---