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

<template>
  <a-table :row-selection="rowSelection" :columns="columns" :data-source="data" />
</template>
export default { 
data () {
	return:{ 
      	 selectedRowKeys:[], // 批量选中的key
         select_rows:[]
	}
}
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 = [] // 调用这个方法就有效果了
		}
	}
}

   select_rows: [], // 批量选中的行

   selectedRowKeys: [], // 批量选中的key

这两个字段一定要在return里面声明一下

猜你喜欢

转载自blog.csdn.net/slow097/article/details/125727063