Vue中使用本地图片
这次遇到的问题是,在使用Vue的过程中,可以使用远程图片,但是,把图片下载到本地之后,就无法使用了。我图片的下载位置是src/assets/img/a01.jpg最后修改的结果是,把图片位置放到static/img/a01.jpg无法显示图片的原因是原因是Vue里动态生成的路径无法被url-loader解析到最后我的代码如下:template部分:<div class="g
·
这次遇到的问题是,在使用Vue的过程中,可以使用远程图片,但是,把图片下载到本地之后,就无法使用了。
我图片的下载位置是src/assets/img/a01.jpg
最后修改的结果是,把图片位置放到static/img/a01.jpg
无法显示图片的原因是原因是Vue里动态生成的路径无法被url-loader解析到
最后我的代码如下:
template部分:
<div class="good-item" v-for="(goodItem,index) in goodItems" :key="index">
<div class="good-content">
<div class="good-img">
<a href="#"> <img width="180px" :src="goodItem.goodImgSrc"></a>
</div>
</div>
</div>
script部分
export default {
components:{
},
data(){
return{
goodItems:[
{goodImgSrc:'../static/img/a01.jpg',}
]
}
}
}
更多推荐
已为社区贡献5条内容
所有评论(0)