技术栈

vue图标不显示

hello芳芳2024-06-05 12:23

静态:有可能路径错误

<img src="../../assets/images/index1.png">

<img src="@/assets/images/index2.png">

动态:需要解析

<div v-for="item in userList" :key="item.id">

<img :src="getUrl(item.stricon)">

</div>

methods:{

getUrl(icon) {

return require('@/assets/images/' + icon)

}

}

上一篇:Qt图像处理技术九:得到QImage图像的灰度直方图
下一篇:QT常用控件
相关推荐
Mr_Xuhhh
1 天前
深入Java多线程进阶:从锁策略到并发工具全解析
前端·数据库·python
阿捞2
1 天前
Inertia.js 持久布局实现原理
前端·javascript·html
不会写DN
1 天前
如何在纯前端中通过手势交互来控制星球的转动
前端·交互
w2sfot
1 天前
反AI逆向JS加密
javascript·人工智能·反ai
liliangcsdn
1 天前
sentence-transformer如何离线加载和使用模型
开发语言·前端·php
东宇科技
1 天前
如何使用js进行抠图。识别商品主体
开发语言·javascript·ecmascript
不会写DN
1 天前
Vue3中的computed 与 watch 的区别
javascript·面试·vue
qq_38133850
1 天前
TypeScript 类型安全与类型体操实战:从入门到精通
javascript·安全·typescript
朦胧之
1 天前
AI 编程工具使用浅谈
前端·后端
柳杉
1 天前
HTML-in-Canvas:让 Canvas 完美渲染 HTML 的 Web 新标准
前端·javascript
热门推荐
012026年4月技术前沿:AI大模型爆发、智能体革命与量子安全新纪元02一周AI热点速览(2026.03.31-04.06):GPT-6曝光、谷歌开源Gemma 4、资本狂飙与模型军备竞赛03GitHub 镜像站点04基于 Docker 部署 Hermes Agent 并接入飞书机器人的完整指南05AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析06免费!不限量!用opencode接入英伟达(NVIDIA)大模型,轻松打造你的 AI 编程助手07Oh My Codex 快速使用指南08CodeBuddy与WorkBuddy深度对比:腾讯两款AI工具差异及实操指南09OpenClaw 请求超时 llm request timed out 怎么解决?3 种方案实测,附完整排查流程10VMware Workstation Pro 17 虚拟机完整安装教程(2026最新)