<el-table :data="tableData" border @expand-change="expandChange" :row-key="rowKey" :expand-row-keys="expandRowKeys">
<el-table-column type="expand">
<template slot-scope="props">
<div>{{props.expandList}}</div>
</template>
</el-table-column>
</el-table>
data() {
return {
expandRowKeys:[],
tableData: []
}
},
methods: {
// 全部隐藏
hanghide () {
this.expandRowKeys = []
},
rowKey(row) {
return row.id
},
expandChange(value, expandedRows) {
request({}).then(res=> {
this.$set(this.tableData[value.index],'expandList',res.data)
this.formatData(this.tableData[value.index].expandList,value.type);
}).catch(()=> {})
this.expandRowKeys=expandedRows.map(item => item.orderNum);
},
}
el-table展开行,点击展开接口获取数据,expand-row-keys获取展开项
最新推荐文章于 2024-12-07 12:02:52 发布