vue项目中动态绑定src不显示图片解决方法
程序员文章站
2024-01-26 08:55:23
...
<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'
// }
],//图片数组
上一篇: 1. RAID在数据库存储上的应用
下一篇: 局部变量和全局变量