el-table树形数据点击行展开

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();
		}
	}
},