Vue解决img路径报错

问题:

我们有一组图片的地址,使用v-for遍历img标签,设置src属性,却无法获取图片

解决方法:

因为我们将图片路径放入data中后会被webpack进行打包,这时候的路径仅仅只是一个字符串,无法进行解析。

我们使用require获取图片路径,再渲染到页面中就解决了这个问题。

相关推荐
用户8313485930698几秒前
Cesium实现实时联动鹰眼缩略图
vue.js·cesium
橘子星3 分钟前
树与二叉树:从概念到 JavaScript 实现
前端·javascript·面试
小小高不懂写代码3 分钟前
Transformer与注意力机制
前端·人工智能
AiClaw3 分钟前
AIClaw 的 Skills 机制:先注入索引,再按需读取完整说明
前端
YHHLAI4 分钟前
HTML5 Canvas 从入门到实战:画布绘图 · 帧动画 · 小游戏 · 数据可视化
前端·信息可视化·html5
前端 贾公子6 分钟前
npx skills:AI Agent Skill 的 npm,50+ 工具统一的 Skill 管理工具
前端
触底反弹8 分钟前
面试官问"Ajax原理",我从XHR讲到async/await,他直接懵了!
前端·面试·架构
Chelsea052210 分钟前
PC浏览器在线调试 Android 浏览器教程-chrome://inspect/#devices
android·前端·chrome
加号312 分钟前
【C#】VS2022 传统 ASP.NET Web 服务(.asmx)接口实现指南
前端·c#·asp.net
小林ixn15 分钟前
前端开发新利器:用Vite+通义万相实现多模态图像生成(附API密钥安全方案)
javascript