ant design vue table默认全选

问题

对于table,在ant design vuerowSelection提供了一个方法getCheckboxProps,可以设置一些选择框的默认属性配置

但是当我通过getCheckboxPropsdefaultChecked属性进行配置的时候,确实可以实现数据的全选,但是全选按钮却没有选中

在这里插入图片描述

解决方法

在请求后端数据返回之后,进行如下操作

// 先在data中添加rowSelection  selectedRowKeys
data() {
 return {
   rowSelection: {
     selectedRowKeys: []
   },
 }
}
// 然后执行下面的方法进行填充selectedRowKeys
// 从而实现全选功能实现
this.rowSelection.selectedRowKeys = this.list.map(item => item.id)

版权声明:本文为xuefeng11111原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。