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

相关推荐
江湖行骗老中医10 分钟前
Pinia 是 Vue 的专属状态管理库
前端·javascript·vue.js
用户693717500138410 分钟前
Android 开发,别只钻技术一亩三分地,也该学点“广度”了
android·前端·后端
郑鱼咚11 分钟前
别再神化Spec了,它可能只是AI Coding的临时补丁
前端
张元清15 分钟前
React 鼠标追踪与交互效果实战
前端·javascript·面试
MinterFusion16 分钟前
HTML DOM元素的定位问题
前端·css·html
落魄江湖行29 分钟前
入门篇六 Nuxt4错误处理:给应用装个安全气囊
前端·typescript·nuxt4
薛定猫AI32 分钟前
【技术干货】用 design.md 驯服 AI 生成前端:从 Awesome Design 到工程化落地实践
前端·人工智能
kyriewen36 分钟前
你的JS代码总在半夜崩溃?TypeScript来“上保险”了
前端·javascript·typescript
iReachers1 小时前
HTML打包EXE配置管理教程:多项目打包设置一键保存、加载与切换
java·前端·javascript
武藤一雄1 小时前
WPF中ViewModel之间的5种通讯方式
开发语言·前端·microsoft·c#·wpf