使用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>)
}
本文介绍如何使用Element UI框架中的ElTree组件,并通过render-content属性来自定义树节点的显示内容。具体展示了如何通过传递一个返回节点内容的函数来实现这一功能。
2万+

被折叠的 条评论
为什么被折叠?



