前言:
在vue中加载图片路径跟我们不用框架引入路径是不同,在页面中使用的话,写的路径是可以生效的,但是我们想动态加载图片路径的话是不生效的。
这里有两种方法来解决:
方法一:(推荐)
1、页面上,绑定动态路径:
<img :src=" imgUrl "/>
2、data里面:用 require(图片路径)
data(){
return{
imgUrl:require('@/assets/img/mind/mind_5.svg');
}
}
方法二:
把图片放到static,然后相对路径获取图片就好了
src: '../../../../static/images/docx.png'