vue-infinite-scroll：滚动加载vue插件（一）

一、下载 vue-infinite-scroll：

npm install vue-infinite-scroll --save

二、main.js配置vue-infinite-scroll：

import  infiniteScroll from 'vue-infinite-scroll'

Vue.use( infiniteScroll);

三、组件中使用：

<div v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" infinite-scroll-distance="10">
  ...//可以自己引入图片，或者自定义html；其中loadMore为滚动时执行的方法。 busy是用来控制loadMore的开关，10是滚动条距离底部的距离；
</div>

data(){
	return {
		busy: true,
	}
},
methods:{
	loadMore(){
	//此处可以写一些逻辑和向后台请求数据的方法
	}
}

完成！！