-
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)
}