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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章