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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM