<div class="banner" style="position: static; ">
<ul>
<li v-for="(item,index) in imgList" :key="item.id">
<img :src="item.url" />
</li>
</ul>
</div>```
数据:
imgList: [
{
id: 1,
url: '../carousel/1.jpg'
},
{
id: 2,
url: '../carousel/2.jpg'
},
{
id: 3,
url: '../carousel/3.jpg'
},
{
id: 4,
url: '../carousel/4.jpg'
}
],//图片数组
此时的img动态绑定的图片路径加载不出来
修改为 :
imgList: [
{
id: 1,
url: require('../carousel/1.jpg')
},
{
id: 2,
url: require('../carousel/2.jpg')
},
{
id: 3,
url: require('../carousel/3.jpg')
},
// {
// id: 4,
// url: '../carousel/4.jpg'
// }
],//图片数组
vue项目中动态绑定src不显示图片解决方法
最新推荐文章于 2023-09-18 09:45:15 发布