(vue)AntD表格操作完成后去掉勾选
(vue)15.AntD表格操作完成后去掉勾选
·
(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
更多推荐
已为社区贡献24条内容
所有评论(0)