技术栈

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常用控件
相关推荐
ziyue7575
13 分钟前
vue修改element-ui的默认的class
前端·vue.js·ui
树叶会结冰
34 分钟前
HTML语义化:当网页会说话
前端·html
冰万森
40 分钟前
解决 React 项目初始化(npx create-react-app)速度慢的 7 个实用方案
前端·react.js·前端框架
牧羊人_myr
1 小时前
Ajax 技术详解
前端
浩男孩
1 小时前
🍀封装个 Button 组件,使用 vitest 来测试一下
前端
蓝银草同学
1 小时前
阿里 Iconfont 项目丢失?手把手教你将已引用的 SVG 图标下载到本地
前端·icon
布列瑟农的星空
1 小时前
重学React —— React事件机制 vs 浏览器事件机制
前端
程序定小飞
2 小时前
基于springboot的在线商城系统设计与开发
java·数据库·vue.js·spring boot·后端
一小池勺
2 小时前
CommonJS
前端·面试
热门推荐
01两千字总结:Codex 国内如何安装和使用的教程,以及如何设置中文回答02GitHub 镜像站点03UV安装并设置国内源04智能库存管理的需求预测模型:从业务痛点到落地代码的完整实践0546个Nano-banana 精选提示词,持续更新中06Linux下V2Ray安装配置指南07GitLab 零基础入门指南:从安装到项目管理全流程08一文了解国产算子编程语言 TileLang,TileLang 对国产开源生态的影响与启示09jdk21下载、安装(Windows、Linux、macOS)10Cursor Plan Mode:AI 终于知道先想后做了