ant design vue table默认全选
问题对于table,在ant design vue中rowSelection提供了一个方法getCheckboxProps,可以设置一些选择框的默认属性配置但是当我通过getCheckboxProps的defaultChecked属性进行配置的时候,确实可以实现数据的全选,但是全选按钮却没有选中解决方法在请求后端数据返回之后,进行如下操作// 先在data中添加rowSelectionselect
·
问题
对于
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)
更多推荐
已为社区贡献19条内容
所有评论(0)