Vue3.0 vue-lazyload图片懒加载

1、安装vue-lazyload

2、main.js中加入以下代码

import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload, {
  preLoad: 1.3,//距离当前dom距离页面底部的高度
  error: '',//加载失败显示的图片
  loading: '',//加载中显示的图片
  attempt: 1 // 图片加载失败，最多重试的次数
});

3、组件中使用方法示例
img标签的src替换成v-lazy

<img v-lazy="图片地址">