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