问题
对于
table
,在ant design vue中rowSelection
提供了一个方法getCheckboxProps
,可以设置一些选择框的默认属性配置
但是当我通过
getCheckboxProps
的defaultChecked
属性进行配置的时候,确实可以实现数据的全选,但是全选按钮却没有选中
解决方法
在请求后端数据返回之后,进行如下操作
// 先在data中添加rowSelection selectedRowKeys
data() {
return {
rowSelection: {
selectedRowKeys: []
},
}
}
// 然后执行下面的方法进行填充selectedRowKeys
// 从而实现全选功能实现
this.rowSelection.selectedRowKeys = this.list.map(item => item.id)