小程序上拉加载更多,onReachBottom

Posted 葫芦娃啊

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序上拉加载更多,onReachBottom相关的知识,希望对你有一定的参考价值。

onReachBottom: function () {
console.log(1)
var that = this;
var path = ‘/listsearch/‘;
var datalist=null;
var url = app.globalData.http_base_url + path;
// 显示加载图标
wx.showLoading({
title: ‘玩命加载中‘,
})
app.globalData.currentPage ++;
var _currentPage = app.globalData.currentPage;
if(that.data.yearselect==undefined){
var selectyear="None"
}else{
var selectyear=that.data.yearselect
}
wx.request({
url:url,
data:{
searchdetail:that.data.SearchContent,
years:selectyear,
page:_currentPage
},
method:‘GET‘,
success:function(res){
console.log(res)
if(res.data.carbonlist.length==0){
wx.showLoading({
title: ‘暂无更多数据‘,
})
}else{
for (var i = 0; i < res.data.carbonlist.length; i++) {
that.data.carbonlist.push(res.data.carbonlist[i]);
}
console.log(that.data.carbonlist)
const pushData=that.data.carbonlist
// 设置数据
that.setData({
carbonlist: pushData
})
// 隐藏加载框
}
wx.hideLoading();

}
})
},
















































以上是关于小程序上拉加载更多,onReachBottom的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序上拉加载:onReachBottom详解+设置触发距离

微信小程序之下拉加载和上拉刷新

小程序_上拉加载更多

微信小程序上拉加载更多

小程序API:上拉加载

微信小程序页面滑到到底部,继续上拉跳转到其他界面