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'