element-ui table点击其中一行展开折叠子项

• element默认的table仅支持点击左侧的箭头展开折叠当前项，如图所示：

  
  
  50980a41a9ba53b35b4a5f82b4cb344.png
• 而实际的需求是要点击其中一行展开折叠当前项。
• 用到了Table Events的row-click事件：当某一行被点击时会触发该事件
• 和Table Methods的toggleRowExpansion方法：用于可展开表格，切换某一行的展开状态。接受两个参数row, expanded

<el-table
    :data="tableData"
    ref="refTable"
    style="width: 100%"
 @row-click="expandChange"
>
</el-table>

expandChange(row,index,e){
      this.$refs.refTable.toggleRowExpansion(row)
 }