技术栈

Vue解决img路径报错

林涧泣2023-11-03 17:03

问题:

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

解决方法:

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

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

上一篇:高效操作,轻松打造企业百度百科,展现实力形象
下一篇:SpringBoot Test & Junit5 看这一篇就足够了
相关推荐
^Rocky
1 小时前
JavaScript性能优化实战
开发语言·javascript·性能优化
西陵
1 小时前
Nx带来极致的前端开发体验——任务编排
前端·javascript·架构
大前端helloworld
1 小时前
从初中级如何迈入中高级-其实技术只是“入门卷”
前端·面试
笑鸿的学习笔记
2 小时前
JavaScript笔记之JS 和 HTML5 的关系
javascript·笔记·html5
东风西巷
3 小时前
Balabolka:免费高效的文字转语音软件
前端·人工智能·学习·语音识别·软件需求
萌萌哒草头将军
3 小时前
10个 ES2025 新特性速览!🚀🚀🚀
前端·javascript·vue.js
半夏陌离
3 小时前
SQL 入门指南:排序与分页查询(ORDER BY 多字段排序、LIMIT 分页实战)
java·前端·数据库
whysqwhw
3 小时前
鸿蒙工程版本与设备版本不匹配
前端
gnip
4 小时前
http缓存
前端·javascript
热门推荐
012025 年高教社杯全国大学生数学建模竞赛C 题 NIPT 的时点选择与胎儿的异常判定 完整成品思路模型代码分享,全网首发高质量!!!022025年数学建模国赛C题超详细解题思路03UV安装并设置国内源04不再让Windows更新!&Edge游戏助手卸载及关闭自动更新052025全国大学生数学建模C题保姆级思路模型(持续更新):NIPT 的时点选择与胎儿的异常判定062025高教社杯国赛数学建模选题建议+初步分析07KGG转MP3工具|非KGM文件|解密音频082025国赛B题保姆级教程思路分析 碳化硅外延层厚度的确定09教你如何认证 Gemini 教育优惠的二次验证,薅个 1年的 Gemini Pro 会员10A股预测还能更准?开源大模型Kronos带你跑通预测+回测全流程