图片懒加载——lazyload
生活随笔
收集整理的這篇文章主要介紹了
图片懒加载——lazyload
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 利用Jquery Lazyload JS
- 下一篇: BSD HD 声卡驱动安装,ntfs-3