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

时间：2021-05-24 13:29:53 阅读：0 评论：0 收藏：0 [点我收藏+]

标签：span style label color 自定义 efault data rop 需要

<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插槽可以自定义节点内容，如果想替换图标，需要自定义图标并把之前的图标隐藏

标签：span style label color 自定义 efault data rop 需要

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

踩

(0)

评论一句话评论（0）