-
element默认的table仅支持点击左侧的箭头展开折叠当前项,如图所示:
而实际的需求是要点击其中一行展开折叠当前项。
用到了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)
}