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,
},
}),
以上是本人在实际业务中遇到的小问题,有问题请指正。