element ui table 只展开一行

转自:https://www.cnblogs.com/cherylgi/p/13535956.html

1、table 部分

:row-key='getRowKeys'
:expand-row-keys="expands"
@expand-change="expandSelect"

2、column 部分 :参见官方示例

<el-table-column type="expand" >
      <template slot-scope="props">
       XXXX
      </template>
 </el-table-column>

3、data部分

 data:{
       expands: [],
 },

4、methods部分

element ui table 只展开一行
getRowKeys: function (row) {
return row.id
},
expandSelect: function (row, expandedRows) {
var that = this
if (expandedRows.length) {
that.expands = []
if (row) {
that.expands.push(row.id)
}
} else {
that.expands = []
}
}
上一篇:vue+cesium加载Geoserver WMS加载本地shp文件


下一篇:HBulider | web开发利器 Hbulider下载和使用