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

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'
          }
      }