element-给el-tree的最外面一级节点添加图片

javascript 复制代码
        <el-tree :data="storeList" style="margin-top: -0px;" row-key="eqStoreId" @node-click="storehandleNodeTree"
          :default-expand-all="true" :props="defaultProps" :expand-on-click-node="false">
          <template v-slot="{ node, data }">
            <span v-if="data.ancestors == 0" class="custom-node">
              <img src="../assets/homepageImage/iocn.png" class="custom-icon">
              <span>{{ data.storeName }}</span>
            </span>
            <span v-else>
              {{ data.storeName }}
            </span>
          </template>
        </el-tree>

ancestors是最外面一层节点的标识

相关推荐
Zk.Sun6 分钟前
【RK3588 Mali610 适配 Qt6 】
前端·javascript·vue.js
不想吃菠萝10 分钟前
vue3+ts 使用postcss-pxtorem依赖进行rem适配
前端·javascript·vue.js·postcss
人民广场吃泡面26 分钟前
React新手快速入门学习指南(2026最新版)
前端·react.js·前端框架
kyriewen1133 分钟前
本地存储全家桶:从localStorage到IndexedDB,把数据塞进用户浏览器
开发语言·前端·javascript·ecmascript·html5
油丶酸萝卜别吃1 小时前
本地调试跨域问题:关闭 Chrome 同源策略的技巧
前端·chrome
Rysxt_1 小时前
Vue 组件穿透(透传)完全指南:从背景到实战
前端·javascript·vue.js
浮尘笔记1 小时前
从零开始:Android环境搭建与WebView套壳应用
android·前端·android studio·安卓
束尘1 小时前
Vue3 + Element Plus 实现 ZIP 压缩包在线预览(支持图片插入 / 文件预览)
前端·javascript·vue.js
一只小阿乐1 小时前
js流式模式输出 函数模式使用
开发语言·javascript·ai·vue·agent·流式数据·node 服务
伯远医学1 小时前
如何判断提取的RNA是否可用?
java·开发语言·前端·javascript·人工智能·eclipse·创业创新