Vue中使用v-for遍历本地图片地址不正确问题解决
发布日期:2021-06-30 11:53:51 浏览次数:2 分类:技术文章

本文共 495 字,大约阅读时间需要 1 分钟。

编译出来后,图片地址不正确

错误代码片段

图
data() {return { hsImg: [ "../assets/images/hsimg01.png", "../assets/images/hsimg02.png", "../assets/images/hsimg03.png", "../assets/images/hsimg04.png", "../assets/images/hsimg05.png" ]};},

解决方案

使用require导入方式

图
data() {return { hsImg: [ require("../assets/images/hsimg01.png"), require("../assets/images/hsimg02.png"), require("../assets/images/hsimg03.png"), require("../assets/images/hsimg04.png"), require("../assets/images/hsimg05.png"), ]};},

 

 

转载地址:https://jackiehao.blog.csdn.net/article/details/109443418 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:图片在div盒子中垂直水平居中显示-flex
下一篇:vue项目中鼠标滚轮缩放图片大小和拖拽效果

发表评论

最新留言

网站不错 人气很旺了 加油
[***.192.178.218]2024年04月26日 06时58分33秒