1. 程式人生 > >vue-lazyload懶載入外掛介紹和應用

vue-lazyload懶載入外掛介紹和應用

當前視窗看到的內容是有限的,當滾動到相應位置時載入其餘內容

安裝後

main.js中

import VueLazyLoad from ‘vue-lazyload’

Vue.use(VueLazyLoad, {

loading:require(‘common/image/default.png’)

})

元件中運用

src替換為v-lazy

遇到的問題:better-scroll和fastclick衝突了,即輪播圖的點選跳轉頁面不好使了,只要給圖片img標籤加一個類名class=“needsclick”即可,如下:

<img class="needsclick" @load="loadImage" :src="

item.picUrl">