(vue)AntD表格操作完成后去掉勾选

<template>
  <a-table :row-selection="rowSelection" :columns="columns" :data-source="data" />
</template>
export default { 
data () {
	return:{ 
      	 selectedRowKeys:[], // 批量选中的key
	}
}
computed:{
	 rowSelection() {
	 	const { selectedRowKeys } = this;
      	return {
      		selectedRowKeys, // 一定要加上这一行代码,清除才会有作用
        	onChange: (selectedRowKeys, selectedRows) => { 
         	 	this.selectedRowKeys = selectedRowKeys
	            selectedRows.forEach((element) => {
	              this.id.push(element.id)
	            })
      		};
    	},
	},
	methods:{
		clearData () {
			this.selectedRowKeys = [] // 调用这个方法就有效果了
		}
	}
}

解决参考:https://www.pudn.com/news/6246781962b5053d3c7aa94a.html

Logo

前往低代码交流专区

更多推荐