el-table
树形数据点击行展开
在模板中加入
@row-click=“rowClick”
// 模板
<el-table
row-key="planId"
ref="table"
:data="tableData"
lazy
:load="load"
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
@row-click="rowClick"
@selection-change="selectionChange"
>
<el-table-column type="selection" align="center" />
<el-table-column label="检查明细" prop="inspectDetails" />
</table>
// 点击第一列展开(防止行后有按钮,点击按钮造成展开)
rowClick(row, column, e) {
if (column?.label == '所属单位') {
if (e.currentTarget.querySelector(".el-table__expand-icon")) {
e.currentTarget.querySelector(".el-table__expand-icon").click();
}
}
},