html末加如下代码(uview框架)

<u-loadmore :status="status" />

data中定义

//status里的属性为加载更多、正在加载中、没有更多了
status: 'loadmore',
//此处为页码值,字段根据后台提供
pageIndex:1,

获取数据接口中写方法

                const data = {
					FlowName: this.keyword,
//该接口中页码字段为pageIndex
					pageIndex:this.pageIndex
				}
				this.$api.getFlowSearch(data).then(res => {
					const total_pages = res.Result.total_pages
//如果页码值为1
					if(this.pageIndex === 1){
						this.list = res.Result.data
						// this.status = 'loading';
					}else{
//否则push新的数据到原来数据中
						this.list.push(...res.Result.data)
					}
					//返回数据中有总数量则用此方法,判断list的数量跟总数量是否相等
					// if (this.list.length == total_pages) {
					// 	console.log(this.list.length)
					// 	this.status = 'noMore'
					// }
//该处为数据中没有总数量,判断获取数据中的data是否为空
					if (res.Result.data.length > 0) {
						this.status = 'loading'
					} else {
						this.status = 'noMore'
					}
				})

更多推荐

uniapp加载获取下一页,实例实用