技术栈

Vue解决img路径报错

林涧泣2023-11-03 17:03

问题:

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

解决方法:

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

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

上一篇:高效操作,轻松打造企业百度百科,展现实力形象
下一篇:SpringBoot Test & Junit5 看这一篇就足够了
相关推荐
姜 萌@cnblogs
11 分钟前
Saga Reader 0.9.9 版本亮点:深入解析核心新功能实现
前端·ai·rust
gnip
20 分钟前
实现elementplus官网主题切换特效
前端·css
Darling02zjh
21 分钟前
HTML5
前端·html·html5
开开心心_Every
27 分钟前
多线程语音识别工具
javascript·人工智能·ocr·excel·语音识别·symfony
成长ing12138
41 分钟前
闪白效果
前端·cocos creator
Lazy_zheng
44 分钟前
React架构深度解析:从 Stack 到 Fiber,解决 CPU 和 I/O 瓶颈问题
前端·react.js·前端框架
张元清
1 小时前
什么是React并发模式中的Tearing(撕裂)
前端·面试
AndyLaw
1 小时前
统计字符数错一半,我被 length 坑了两次
前端·javascript
关羽的小刀
1 小时前
Element-UI最新版暗藏Lodash漏洞?一次真实项目安全排查记录
前端
张志鹏PHP全栈
1 小时前
Vue3第五天,ref 和 reactive的介绍和区别
前端·vue.js
热门推荐
01Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code02扣子开源本地部署教程 丨Coze智能体小白喂饭级指南03全球最强模型Grok4,国内已可免费使用!(附教程)04vue数据变化但页面不变05Coze 开源了,送上保姆级私有化部署方案【建议收藏】06KGG转MP3工具|非KGM文件|解密音频0701-开源版COZE-字节 Coze Studio 重磅开源!保姆级本地安装教程,手把手带你体验08干翻 Typora!MilkUp:完全免费的桌面端 Markdown 编辑器!09sqli-labs 靶场 less-8、9、10 第八关到第十关详解:布尔注入,时间注入10【2025.7.18】更新vscode后所有.vue文件template标签后报红的临时解决办法,Vue - Official 插件3.0.2导致