vue之动态加载图片列表
最近开发中遇到一个问题,后端只给返回图片名称,不返回图片路径
需要前端动态拼接图片路径,根据返回的图片名称,显示对应的图片
<div v-for="(item, index) in imgList" :key="index"> <img :src="../assets/images/+ item.n +.jpg"> <span>{ {item.n}}</span> </div>
图片路径加载出来了,但是路径错误,页面未展示
修改代码,路径写死
<div v-for="(item, index) in imgList" :key="index"> <img :src="../assets/images/1.jpg"> <span>{ {item.n}}</span> </div>
页面还是展示不出来
<!-- 使用require引入 可以编译成功--> <div v-for="(item, index) in imgList" :key="index"> <img :src="require(../assets/images/+ item.n +.jpg)" alt=""> <span>{ {item.n}}</span> </div>
vue引入图片的方式,可以参考我的另一篇博文