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