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

nyf_unknown

已于 2022-07-25 11:44:31 修改

阅读量2.5k

点赞数

分类专栏： VUE 文章标签： vue.js javascript 前端

于 2022-06-14 14:16:46 首次发布

本文链接：https://blog.csdn.net/qq_44754635/article/details/125277097

版权

VUE 专栏收录该内容

181 篇文章 2 订阅

订阅专栏

(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 = [] // 调用这个方法就有效果了
		}
	}
}