el-tree Scoped Slot自定义内容

问题描述

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官方文档地址

你可能感兴趣的:(自己的笔记,前端,vue,vue.js,element-ui,el-tree)