vue图片懒加载

vue图片懒加载插件 vue-lazyload@TOC

简单体积小的vue图片懒加载插件

vue-lazyload

• npm i vue-lazyload --save
• yarn add vue-lazyload

在main.js里引入

• import VueLazyload from ‘vue-lazyload’
• Vue.use(VueLazyload)
• Vue.use(VueLazyload, {
  preLoad: 1.3, // 预加载高度的比例
  error: ‘dist/error.png’, // 加载失败时候显示的图片
  loading: ‘dist/loading.gif’, // 加载之前显示的图片
  attempt: 1 //同时加载的个数
  })

在想要用懒加载的模板里 直接用

• 用 v-lazy代替 src
• 比如：

一些其他参数 请点下面的链接

• vue-lazyload

另外 有没有帮忙给介绍个对象的

WeChat：ab562923778