vue antd的Table组件的 expandedRowKeys 使用

关于antd的Table组件的 expandedRowKeys 使用

页面代码 expandedRowsChange 必须写上 不然在点击下级就点击不来
<a-table
:rowKey=“record => record.branchId”
:columns=“columns”
:data-source=“data”
:expandedRowKeys=“expandedRowKeys”
@expandedRowsChange=“expandedRowsChange”
/>
methods 里面的方法
methods: {
orgtable () {
orgtable_url().then(resp => {
this.data = resp.result.list
this.expandedRowKeys = this.data[0].id//默认数据的ID 即可
})
},
expandedRowsChange (expandedRows) {
this.expandedRowKeys = expandedRows
}
}

1、在data 里定义 expandedRowKeys
data () {
return {
data: [],
columns,
expandedRowKeys: []
}
}
2、 在 methods 获取 data 的时候定义 expandedRowKeys 默认数据
methods: {
orgtable () {
orgtable_url().then(resp => {
this.data = resp.result.list
this.expandedRowKeys = this.data[0].id//默认数据的ID 即可
})
},
}
3、点击 expandedRowsChange 方法 获取数据 此方法在 methods 里面
expandedRowsChange (expandedRows) {
this.expandedRowKeys = expandedRows
}