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

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

posted @   氧化成风  阅读(5169)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示