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是最外面一层节点的标识

相关推荐
yinuo几秒前
一行 CSS 就能搞定!用 writing-mode 轻松实现文字竖排
前端
snow@li32 分钟前
html5:拖放 / demo / 拖放事件(Drag Events)/ DataTransfer 对象方法
前端·html·拖放
爱看书的小沐38 分钟前
【小沐杂货铺】基于Three.js渲染三维风力发电机(WebGL、vue、react、WindTurbine)
javascript·vue.js·webgl·three.js·opengl·风力发电机·windturbine
qq_398586541 小时前
Threejs入门学习笔记
javascript·笔记·学习
浪裡遊2 小时前
Nivo图表库全面指南:配置与用法详解
前端·javascript·react.js·node.js·php
課代表2 小时前
JavaScript 二维数组的三种定义与初始化方法
javascript·初始化·二维数组·多维数组·动态数组·循环遍历·数组合并
鸡吃丸子3 小时前
Next.js 入门指南
开发语言·javascript·next.js
罚时大师月色3 小时前
Vue+ts 如何实现父组件和子组件通信
javascript·vue.js·ecmascript
漂流瓶jz3 小时前
快速定位源码问题:SourceMap的生成/使用/文件格式与历史
前端·javascript·前端工程化
samroom3 小时前
iframe实战:跨域通信与安全隔离
前端·安全