antd-vue的表格table,默认选中选项
<a-table:columns="columns":data-source="data":row-selection="rowSelection"//关键>data() {return {defaultCheckedId: [1,2,3]//自己定义一个数组用于存放选中数据的id,默认选中id为1,2,3的三条数据}},computed() {rowSelection() {retu
·
<a-table
:columns="columns"
:data-source="data"
:row-selection="rowSelection"//关键
>
data() {
return {
defaultCheckedId: [1,2,3]//自己定义一个数组用于存放选中数据的id,默认选中id为1,2,3的三条数据
}
},
computed() {
rowSelection() {
return {
//表格默认选中
onChange: (selectedRowKeys, selectedRows) => {
selectedRows.forEach(item => {
this.defaultCheckedId.push(item.id)//在默认选中的基础上,做了另外选择(如果没写,则会出现的问题:除了选中id为1,2,3,的数据,选择不上其他数据)
})
},
getCheckboxProps: record => ({//重点部分
props: {
defaultChecked: this.defaultCheckedId.indexOf(record.id) > -1 ? true : false,//defaultCheckedId里面是默认选中的id,判断是否含有这些id,有的那就选中,没有的就不选中
id: record.id + ''//使得id的数据类型为string
}
})
}
}
}
更多推荐
已为社区贡献2条内容
所有评论(0)