问题描述
element-ui中的el-tree组件自定义内容实现。依靠Scoped Slot
<el-tree
:expand-on-click-node="false"
:props="{label:'orgName',isLeaf: 'leaf',children:'childList'}"
node-key="id"
:data="treeData"
ref="tree"
highlight-current
show-overflow-tooltip
@node-click="_handleNodeClick"
>
<span slot-scope="{node,data}" class="customize-tree-p">
<el-tooltip class="item" effect="dark" :content="data.orgName" placement="top-start" open-delay="500">
<span>{{data.orgName}}</span>
</el-tooltip>
</span>
</el-tree>
其中的一些参数,以我项目记录,参考者注意修改
附:el-tree官方文档地址