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部分

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 = []
  }
}