最近在开发中发现antd vue的table组件换页或搜索以后选中的数据无法记住前一页已勾选的数据
只能记住selectedRowKeys, 但是换页以后selectionRows只有当前页的数据, 现在我需要也有之前勾选的rows数据(即整条数据信息)
<a-table
:rowSelection="{selectedRowKeys: selectedRowKeys,
onChange: onSelectChange,
onSelect: onSelect}"
>
</a-table>
methods: {
onSelectChange(selectedRowKeys, selectedRows){
console.log('选中的key值',selectedRowKeys)
console.log('选中的行数据',selectedRows)
this.selectedRowKeys = selectedRowKeys
},
onSelect(record, selected) {
//record 返回你选中的行内容; selected 选中时返回true,取消勾选时返回false
selected?this.addbanklist.push(record):
this.addbanklist.splice(this.addbanklist.findIndex(x => x.id === record.id),1)
console.log(this.addbanklist) //你自己赋值的数组
},
}
这样写后大家就会发现无论是否换页或者改变数据源,你的数组都会是任何时候你所选中的数据了。