el-tree Scoped Slot自定义内容_el-tree slot-scope

问题描述

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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

其中的一些参数，以我项目记录，参考者注意修改
附：el-tree官方文档地址