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

相关推荐
用户38022585982415 分钟前
vue3源码解析:响应式机制
前端·vue.js
bo5210017 分钟前
浏览器渲染机制详解(包含渲染流程、树结构、异步js)
前端·面试·浏览器
时间会给答案scidag19 分钟前
报错 400 和405解决方案
vue.js·spring boot
普通程序员23 分钟前
Gemini CLI 新手安装与使用指南
前端·人工智能·后端
白杨木影子被拉长24 分钟前
多状态映射不同样式(scss语法)
vue.js·uni-app
山有木兮木有枝_26 分钟前
react受控模式和非受控模式(日历的实现)
前端·javascript·react.js
流口水的兔子27 分钟前
作为一个新手,如果让你去用【微信小程序通过BLE实现与设备通讯】,你会怎么做,
前端·物联网·微信小程序
多啦C梦a30 分钟前
🪄 用 React 玩转「图片识词 + 语音 TTS」:月影大佬的 AI 英语私教是怎么炼成的?
前端·react.js
呆呆的心30 分钟前
大厂面试官都在问的 WEUI Uploader,源码里藏了多少干货?🤔
前端·微信·面试
heartmoonq32 分钟前
深入理解 Vue 3 响应式系统原理:Proxy、Track 与 Trigger 的协奏曲
前端