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加载获取下一页,实例实用
发布评论