使用vue-cli腳手架快速生成的框架中，

src同級目錄中有static文件夾

src子文件夾中有assets文件夾

在使用vue-lazyload，設(shè)置error或loading屬性的圖片路徑時，

• 圖片在assets文件夾，就需要使用require()進行引入

Vue.use(VueLazyload, {
  preLoad: 1.3,
  loading: require('./assets/123.gif'),
  attempt: 1
})

• 圖片在static文件夾，就可以直接寫路徑了

Vue.use(VueLazyload, {
  preLoad: 1.3,
  loading: '../static/123.gif',
  attempt: 1
})

vue-lazyload是在main.js文件中引入，不會被webpack進行編譯，src中的文件會被webpack編譯，包括assets，assets文件夾中的圖片地址，會在編譯過程中改變。因此vue-lazyload無法正確獲得圖片地址，就不能顯示圖片了

轉(zhuǎn)自：https://blog.csdn.net/runOnWay/article/details/79052205