# 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' //图片加载失败后的占位图片
        })