问题

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

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

在这里插入图片描述

解决方法

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

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

前往低代码交流专区

更多推荐