Vue 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


你可能感兴趣的:(vue,图片懒加载,vue3.0,图片预加载,vue-lazyload,懒加载,vue3.0懒加载)