技术栈

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常用控件
相关推荐
二十一_
12 分钟前
炸了!Claude Code 51万行源码全部泄露,我已经拿到了完整代码
前端·langchain·claude
RePeaT
17 分钟前
npm 依赖版本号中 `^` 和 `~` 到底有什么区别?
前端·javascript·npm
DanCheOo
20 分钟前
多模型适配:一套代码接 6 家 AI 厂商
前端·ai编程
米丘
21 分钟前
Node.js 事件循环
前端·javascript·node.js
Forever7_
21 分钟前
紧急!Axios 被投毒,3亿项目受到影响!教你怎么自查!
前端·axios
zzialx123
22 分钟前
HarmonyOS:照片添加多样式的水印信息
前端
前端冒菜师
27 分钟前
记一次AI全栈开发的过程
前端·ai编程
Giant100
33 分钟前
深度玩转 Cursor Rules:让 AI 生成的代码 100% 符合团队规范
前端·面试
代码煮茶
36 分钟前
Vue3 组件通信实战 | 8 种组件通信方式全解析
前端·vue.js
kyriewen
37 分钟前
自定义事件:让代码之间也能“悄悄对话”
前端·javascript·面试
热门推荐
012026年3月AI领域大事件:DeepSeek引领开源风暴02GitHub 镜像站点03围棋-html版本04纯 HTML/CSS/JS 实现的高颜值登录页,还会眨眼睛!少女心爆棚!05Qwen3.5-Omni与Qwen3.6模型全面解析(含测评/案例/使用教程)06Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services07Mac 本地部署 OMLX + 通义千问 Qwen3.5-27B 保姆级教程08UV安装并设置国内源09让 Trae IDE 智能体 “读懂”文档 Excel+PDF+DOCX :mcp-documents-reader 工具使用指南10AI 编程效率翻倍:Superpowers Skills 上手清单 + 完整指南