使用render-content
指定渲染函数对树节点的内容进行自定义,这个函数返回需要的节点区内容即可。
el-tree元素代码:
<el-tree
node-key="id"
:current-node-key="queryParams.branch"
:data="deptOptions"
:props="defaultProps"
:expand-on-click-node="false"
:filter-node-method="filterNode"
ref="tree"
:default-expand-all="false"
:default-expanded-keys="[queryParams.branch]"
:highlight-current="true"
@node-click="handleNodeClick"
class="treeStyle"
:style="{height: scrollerHeight, overflow:'auto'}"
:render-content="renderContent"
></el-tree>
renderContent 方法代码:
renderContent(h, { node }) {
return (
<span class="custom-tree-node">
<span title={node.label}>{node.label}</span>
</span>)
}