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="图片地址">