最近把antd的带复选框的table当成复选框来用了
这就产生了一个问题，就是每次选中之后。第二次选就会把上一次的选中的复现出来
这是原创作者的链接，分享给大家:
https://blog.csdn.net/slow097/article/details/125727063
<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里面声明一下
以上就是Antd vue (Table)表格操作完成后去掉勾选的方法了
如果这篇文章对你有帮助，或者在进行中遇到其他问题，欢迎评论区留言出来。
我们一起探讨~
