vue-lazyload插件github地址:/hilongjw/vue-lazyload#requirements
效果是默认不加载图片,先用一个占位符图来代替,等使用图片的时再进行加载(比如滚动到图片的时候),如果真正的图片请求出错了,用默认的出错图片来进行占位
一、安装插件
$ npm install vue-lazyload --save
二、配置
//main.jsimport VueLazyload from vue-lazyloadVue.use(VueLazyload, {preLoad: 1.3,attempt: 1 , // 加载图片数量listenEvents: [scroll, wheel, mousewheel,
esize, animationend, ransitionend, ouchmove]})
具体配置api