el-tree Scoped Slot自定义内容

41 篇文章 0 订阅
15 篇文章 0 订阅

问题描述

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

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值