分页、加载更多数据是展示类网站不可缺少的功能点，通过上滑加载更多效果可以有效的展现内容。

那么在uni-app开发中，我们可以如何使用现有功能方法来实现加载更多呢？

这里就需要用要onReachBottomDistance和onReachBottom配合使用来实现。

onReachBottomDistance和onReachBottom使用流程如下：

一、pages.json中设置onReachBottomDistance

{
	"path": "pages/index/index",
	"style": {
		"navigationBarTitleText": "首页",
		"onReachBottomDistance":100
	}
}

onReachBottomDistance即距离底部100像素时，就触发onReachBottom方法。

二、js中的代码设置

export default { 
	data() {
		return {}
	},
	methods: {
		getList(e){
				
		}
	},
	onReachBottom() {
		//向上滑动距离顶部只有100像素时，则会触发这里面的方法。
		//即在这里面定义加载更多的方法即可
	}
}

通过上述两步操作，即可实现加载更多内容的实现。