vue中动态加载图片路径

前言:

        在vue中加载图片路径跟我们不用框架引入路径是不同,在页面中使用的话,写的路径是可以生效的,但是我们想动态加载图片路径的话是不生效的。

这里有两种方法来解决:

方法一:(推荐)

1、页面上,绑定动态路径:

<img :src=" imgUrl "/> 

2、data里面:用   require(图片路径)

 data(){
      return{
        imgUrl:require('@/assets/img/mind/mind_5.svg');
    }
}

方法二:

把图片放到static,然后相对路径获取图片就好了

src: '../../../../static/images/docx.png'

 

    原文作者:浩星
    原文地址: https://blog.csdn.net/qq_41619796/article/details/104061124
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞