這次遇到的問題是,在使用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',}
]
}
}
}