vue+webpack中动态绑定图片路径的3种方法

 

 

文章转发：https://blog.youkuaiyun.com/u012123026/article/details/78203799

 

https://blog.youkuaiyun.com/stoplll/article/details/64906909

1 
把图片放到src同级的static目录

<img  :src="mysrc" />

•  

data() {
      return {
          mysrc:‘/static/icon/icon.png’
          }
      }

2 
用require加载

<img  :src="mysrc" />

•  

data() {
      return {
          mysrc:require("../icon/icon.png")
          }
      }

3将图片放在远程地址。直接引入；

<img  :src="mysrc" />

•  

data() {
      return {
          mysrc:'http://icon/icon.png'
          }
      }

我自己写的例子：