elementui中的tree自定义图标

需求:实现如下样式的树形列表

自定义树的图标以及点击时,可以根据子级的关闭,切换图标

html 复制代码
<el-tree 
    :data="treeList" 
    :props="defaultProps">
    <template #default="{ node, data }">
         <span class="custom-tree-node">
            <img v-if="!node.expanded " class="node-img" :src="./aaa.svg" />
            <img v-if="node.expanded" class="node-img" :src="./bbb.svg" />
             <span>{{ node.label }}</span>
          </span>
    </template>
</el-tree>

参考:element-ui的el-tree自定义图标 - 简书

https://download.csdn.net/blog/column/12320696/130819498

相关推荐
anOnion15 小时前
构建无障碍组件之Switch Pattern
前端·html·交互设计
华洛15 小时前
多写点skill吧,写的越多这行业死的越快。
前端·javascript·产品
剪刀石头布啊15 小时前
从函数式编程介绍
前端
vjmap16 小时前
全新唯杰WebCAD编辑平台发布:全面拥抱AI,WebCAD智能体(Agent)来了
前端·gis·ai编程
剪刀石头布啊17 小时前
扫码登录方式
前端
剪刀石头布啊17 小时前
浏览器指纹
前端
剪刀石头布啊17 小时前
前端截图html2canvas
前端
IT_陈寒19 小时前
别再死记硬背Python语法了!这5个思维模式让你代码量减半
前端·人工智能·后端
beata19 小时前
Java基础-19:Java 死锁深度解析:从原理、检测到预防与实战指南
java·前端
Sunshine11119 小时前
浏览器渲染zz
前端