vue-lazyload - npm

上面鏈接為官方指導(dǎo)

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" />

即可完成——當(dāng)服務(wù)器返回的數(shù)據(jù)頁(yè)面沒(méi)有來(lái)得及渲染的時(shí)候，所呈現(xiàn)的等待圖片提示

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。