element-ui中的table只展开一行

 <el-table
   :data="tableData"
   style="width: 100%"
   @expand-change="expandChange"
   :expand-row-keys="expands"
  :row-key="getRowKeys"
>
 </el-table>

export default {
  data() {
    return {
      tableData: [],
      //设置row-key只展示一行
      expands: [], //只展开一行放入当前行id
      getRowKeys(row) {
        return row.id;
      },
    };
  },
}

//表格当前行被展开或收起
    expandChange(row, expandedRows) {
      let that = this;
      console.log(expandedRows);
      //只展开一行
      if (expandedRows.length) {
        //说明展开了
        that.expands = [];
        if (row) {
          that.expands.push(row.id); //只展开当前行id
        }
      } else {
        //说明收起了
        that.expands = [];
      }
    },