Vue中使用本地图片
这次遇到的问题是,在使用Vue的过程中,可以使用远程图片,但是,把图片下载到本地之后,就无法使用了。
我图片的下载位置是src/assets/img/a01.jpg
最后修改的结果是,把图片位置放到static/img/a01.jpg
无法显示图片的原因是原因是Vue里动态生成的路径无法被url-loader解析到
最后我的代码如下: 【Vue中使用本地图片】template部分:
script部分
export default {
components:{
},
data(){
return{
goodItems:[
{goodImgSrc:'../static/img/a01.jpg',}
]
}
}
}
推荐阅读
- 热闹中的孤独
- Shell-Bash变量与运算符
- JS中的各种宽高度定义及其应用
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 深入理解Go之generate
- 由浅入深理解AOP
- 异地恋中,逐渐适应一个人到底意味着什么()
- vue-cli|vue-cli 3.x vue.config.js 配置
- 【译】20个更有效地使用谷歌搜索的技巧
- 我眼中的佛系经纪人