vue 图片懒加载

安装

npm i vue-lazyload -S

mian.js 文件引入

import VueLazyload from 'vue-lazyload';
Vue.use(VueLazyload, { // 图片懒加载
  error:'../static/img/图片1.jpg',  //报错显示的图片
  loading:'../static/img/图片2.jpg', // 加载中显示的图片
  attempt: 1,  // 尝试次数
}); 

页面中使用

<li v-for="(img, imgIndex) in imgList" :key="imgIndex">
  <img v-lazy="img" alt="">
</li