vue-lazyload - npm

上面鏈接為官方指導

1.安裝vue2所兼容的版本

? ? ? npm i vue-lazyload

2.在main.js中引入插件和圖片

// 引入懶加載插件,引入圖片 import atm from '@/assets/1.gif' import VueLazyload from 'vue-lazyload' Vue.use(VueLazyload,{loading:atm })

3.將需要懶加載的圖片? :src=" "更改為v-lazy

<img v-lazy="good.defaultImg" />

即可完成——當服務器返回的數據頁面沒有來得及渲染的時候，所呈現的等待圖片提示

總結

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

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