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
- 比如:
一些其他参数 请点下面的链接
另外 有没有帮忙给介绍个对象的
WeChat:ab562923778