# Vue 图片懒加载
更新说明:
1.网络加载图片的过程中,可自定义开启/关闭是否显示随机占位颜色
2.可自定义图片懒加载过程中的占位颜色
3.可自定义占位图片,应对图片地址有误,或者由于网络原因导致图片加载失败的情况
4.优化图片请求次数,避免图片加载失败进入死循环
介绍:
很多第三方库都是只有移动端才有图片懒加载,PC端基本没有,所以决定自己封装一个方法供大家还有自己在项目中使用,希望能够帮助到大家!
使用说明:
1.入口文件main.js引入
import lazy from "vue-lazy-img-handle/index.js"
Vue.use(lazy,{
waitColor:true, //开启懒加载占位颜色
colorList:['red','green','blue'], //自定义占位颜色,需要传数组,也可以是16进制颜色,不传会默认使用指令自带的随机色
failImg:'http://img3.imgtn.bdimg.com/it/u=2774391408,3578926483&fm=214&gp=0.jpg' //图片加载失败后的占位图片
})