blue0728/vue-lazy

vue-lazy lazyload img

Install

npm install vue-lazyload-image --save

Usage

'use strict'
import vueLazy from 'vue-lazyload-image'

----------------

Vue.use(vueLazy,{
	error: 'error.jpg',
	loading: 'loading.gif'
});

---------------

Vue.use(vueLazy);

<img v-for="item in src" v-lazy="item">

new Vue({
	el: '#app',
	data: {
		src: [
			'http://img.haimi.com/FlvVOYJrTN10reDkx9ut_kmoiwxW',
			'http://img.haimi.com/FlgifiFboMtKJwF7-6KWLzE-Mfwk',
			'http://img.haimi.com/FlIIW2OJTqolOt7915AEdhoZNumP',
			'http://img.haimi.com/FtJ770r8WWDPV_EXWLHlEaN4bcoY'
		]
	}
})