element里面的el-table设置折叠属性时是可以同时展开多项的,以下是设置只展开一项,随便引用element里面的例子,然后分别在el-table、data、methods分别添加参数和方法
el-table部分
<el-table
:data="tableData"
:row-key='getRowKeys'
:expand-row-keys="expands"
@expand-change="expandChange"
style="width: 100%">
data部分
// 一行存储的唯一标识
data() {
return {
expands:[],
getRowKeys(row){
return row.id
},
}
}
methods部分
methods:{
// 列表展开
expandChange(row,expandedRows){
let that=this
//只展开一行
if (expandedRows.length) {//说明展开了
that.expands = []
if (row) {
that.expands.push(row.id)//只展开当前行id,唯一标识
}
} else {//说明收起了
that.expands = []
}
},
}