插件地址：https://github.com/hilongjw/vue-lazyload

demo：http://hilongjw.github.io/vue-lazyload/

---

1、安裝

cnpm i vue-lazyload -S

2、使用

main.js

import VueLazyLoad from 'vue-lazyload'Vue.use(VueLazyLoad, {error:'/static/error.png',loading: '/static/loading.png' })

需要懶加載的圖片

<img v-lazy="圖片地址" alt="">

參數說明：
https://segmentfault.com/a/1190000011672452

總結

以上是生活随笔為你收集整理的vue图片懒加载插件vue-lazyload的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。