小程序/app触底加载更多数据

本文仅提供触底加载更多数据的思路
在小程序特有的生命周期中，onReachBottom即触底事件，在页面上显示列表的时候，我们往往需要触底加载更多数据。
在分页查询中，一般后台返回数据应当包括数据同条数，当前页码，当前页容纳条数，与当前分页返回数据Data，这些作为基本参数返回，如果没有，去吊打你的后端。
而你传过去的数据也应当包括，页码，每页容纳大小，与其他查询字段。如果后端没有让你返回，再去吊打你的后端。
现在有两个思路，都是在触底事件的时候去改变单个

第一种情况，如果你试图改变当前的页码，取得第二页的10条数据，如果没有第二页数据，或者第二页数据不足10条的时候，你并不好做这个判断，也并不好将第二页的数据重组到第一页的数据中去，这个时候

推荐第二种情况
因为我们返回参数中有总条数存在，我们只需要判断总条数与当前向后请求条数的差值，如果大于0，表明下一页中还含有数据，执行改变下一次请求的每页容纳条数就好，如果小于或者等于0，则表示下一页中不含数据，就不去改变下一次请求的每页容纳条数。
即

//定义一个变量
data(){
	return{
		pageIndex:1  //默认大小为每页十条数据
	}
}
//...
//普通获取列表事件

getList(){
				let data = {
					pageNumber: 1,
					pageSize: this.pageIndex*10,
					sortName: "gmt_create",
					sortType: "DESC"
					}
				this.$api.post('/api/clueManage/selectByPage',data).then(res=>{
					
					this.dataList = res.data
					//res.data 为返回的数据列，也就是我们页面所需的内容。
					//res.total 为所有数据总条数
					//通过判断差值 为下一次请求的值作改变
					if(res.total-(this.pageIndex*10)>0){
						this.pageIndex += 1;
					}
				})
			}
//...
//触底事件
onReachBottom(){
			this.getList()
		},