技术栈

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