vue 图片懒加载

安装、引用、配置三部曲

1、安装`

npm install vue-lazyload --save-dev

2、在main.js中引用

import VueLazyload from 'vue-lazyload'

3、配置

Vue.use(VueLazyLoad, {
  error: require('assets/defultImage/defultTy1.png'),
  loading: require('assets/defultImage/defultTy1.png') // 此图片路径为懒加载的默认图
})

使用

使用的时候就直接把 img 的 src 改为 v-lazy

  <img v-lazy="item.imgUrl" />