vue中通过定义的数组循环将img的src引入图片却不显示图片问题解决方法

本文介绍在Vue项目中,如何通过后台传递的数据动态加载assets目录下的图片。当直接设置img标签的src属性为图片路径时,图片可能无法显示。解决这个问题的关键在于使用`require`来处理图片路径,确保图片能在浏览器中正确加载。通过遍历数组并结合`require`函数,可以实现前端根据不同的数据展示相应的图片。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

vue中通过定义的数组循环将img的src引入图片却不显示图片问题解决方法

需要前端根据后台传来的数据展示不同的图片了,循环图片数组将其放到页面中去。

需要将src渲染到页面中,如果单纯写src的路径会出现不显示图片的问题

因为图片路径在assets,所以需要require一下。

在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值