首页 > 其他 > 详细

element plus中tree组件的使用以及自定义图标

时间:2021-05-17 10:03:05      阅读:222      评论:0      收藏:0      [点我收藏+]
<el-tree
      :data="data"
      node-key="id"
      ref="tree"
      icon-class="el-icon-share"
      :props="defaultProps">
      <template #default="scope">
        <div class="custom-node">
          <i class="el-icon-edit"></i>
          <span>{{scope.node.label}}</span>
        </div>
      </template>
    </el-tree>

通过slot插槽可以自定义节点内容,如果想替换图标,需要自定义图标并把之前的图标隐藏

element plus中tree组件的使用以及自定义图标

原文:https://www.cnblogs.com/150536FBB/p/14775656.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!