Element UI toggleRowExpansion用法

背景: 官方說明文檔沒有具體代碼示例

一、官方文檔

　　方法名: toggleRowExpansion

　　說明: 用於可展開表格，切換某一行的展開狀態，如果使用了第二個參數，則是設置這一行展開與否（expanded 為 true 則展開）

　　參數: row, expanded

二、用法示例（vue.js）

<template>
  <el-table ref="topicTable" :row-key="getRowKeys" :data="tDt">
    <el-table-column type="expand">expand area</el-table-column>
    <el-table-column label="column1">
      <template slot-scope="scope">
        <el-button @click="handleConnectionSearch(scope.row)">        
        </el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tDt:[{id:1}, {id:2}]
    }
  },
  methods: {
    handleConnectionSearch(row) {
      this.$refs.topicTable.toggleRowExpansion(row, true) // 點擊button展開
    },
    getRowKeys(row) {
      return row.id
    }
  }
}
</script>