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 重启项目