ant design vue 1.x版本 table组件默认选中小知识

317 阅读1分钟

ant design vue 1.x版本 table组件选择见解

ps:使用table选择功能需要用到的属性:rowKey;rowSelection。

属性说明:

rowKey:表格行 key 的取值,可以是字符串或一个函数;要用到选择功能建议使用函数,返回当前行唯一标识(切勿使用下标返回)

示例:

:rowKey="(record,index)=>{return record.id||index}"

rowSelection:列表项是否可选择,是一个函数;

配置项: type:checkbox or radio;一般复选居多;

onChange:选中项发生变化时的回调(选中的key和选中的当前行数据);选中的key是rowKey所配置的唯一标识;

selectedRowKeys:选中的key数组,需要和 onChange 进行配合;

在设置默认选中和禁止选中项,rowKey就不能配置返回下标,全选选中和取消不会改变默认选项的选中状态;

getCheckboxProps:选择框的默认属性配置,是个函数

getCheckboxProps: record => ({ // 禁用某一项
            props: {
              disabled: record.disabled,
              name: record.name,
            },
          }),

以上是本人在实际业务中遇到的小问题,有问题请指正。