使用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