vue-lazyload

在混合开发中使用vue-lazyload实现图片懒加载

一、导入vue-lazyload.js文件

下载地址文件

使用

<div v-for="(item,index) in news">
		<div  v-lazy-container="{ selector: 'img' }">
			<img data-src='图片url地址'>
		</div>
</div>

<script>
			Vue.use(VueLazyload, {
				 	preLoad: 1.3,
				 	error: '自己的error图片',
				 	loading: '自己的loading图片',
				 	attempt: 1
				})
			new Vue({
				el: "#indexaboutSwiper",
				data:{}
				)}
</script>