vue ant-design中table选中默认项的实现
vue中ant-desigin中table里checkbox默认选中的实现方法
·
看有网友提出如何绑定table中的默认行,这里简单的介绍一下:
1.首先table中设置属性row-selection,还要设置主键rowKey例如:
<a-table
:row-selection="rowSelection"
:columns="columns"
:data-source="dataSource"
:rowKey="
(record) => {
return record.id;
}
"
>
2.设置计算属性rowSelection,代码如下:
computed: {
rowSelection() {
return {
// 默认绑定项
getCheckboxProps: (record) => ({
props: {
disabled: false, // Column configuration not to be checked
name: '',
defaultChecked: this.selectedKeys&&this.selectedKeys.length>0?this.selectedKeys.includes(record.id):false,
},
}),
其中this.selectedKeys就是你要绑定的keys的集合。这样在列表渲染后,selectedKeys的行的checkbox就会默认选中了。
更多推荐
已为社区贡献6条内容
所有评论(0)