vue-lazuload 的使用

1 安裝

npm i vue-lazyload 

引入

import Vue from 'vue';
import vueLazyload from 'vue-lazyload';
Vue.use(vueLazyload,{ 
  // 加載錯誤時顯示的圖片
  error: require('./image/fail.jpg'), 
  // 正在加載的時候顯示的圖片
  loading: require('./image/loading.gif'),
  // 預加載高度比例，默認是1.3，不過好像沒有用
  preLoad: 1.5,
  // 加載錯誤嘗試加載的次數
  attempt: 1
})

3 使用

  <img v-lazy="item.basic.cover.small_url" alt="iKON私藏" />

4 重啓項目