背景:因為element里面的擴展行支持多行展示擴展行说敏,但接到了需求鸥跟,只能展示一行,如:第一行擴展盔沫,點擊第二行的時候医咨,第一行收起,第二行展開架诞。同時改成點擊行展示擴展內(nèi)容
<el-table
:data="eventTableData"
style="width: 100%"
@cell-click="clickTable"
ref="refTable"
@selection-change="handleSelectionChange"
@expand-change="expandSelect"
>
<el-table-column type="expand" width="0px" label="擴展">
</el-table-column>
</el-table>
data:{
eventTableData:[],
expands:[],
}
methods:{
clickTable:function(row, column, cell, event){//展開事件日志列表
if(cell.cellIndex!=3 && cell.cellIndex!=10){
this.refs.refTable.toggleRowExpansion(expandedRows[0]);
} else {
that.expands = [];
}
},
}
轉(zhuǎn) https://blog.csdn.net/fox_233/article/details/86529227