13518219792
小编给大家分享一下小程序开发上拉加载的实现方法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
创新互联专注为客户提供全方位的互联网综合服务，包含不限于网站制作、成都网站制作、衡阳网络推广、重庆小程序开发、衡阳网络营销、衡阳企业策划、衡阳品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联为所有大学生创业者提供衡阳建站搭建服务，24小时服务热线：18982081108，官方网址：www.cdcxhl.com
我现在公司的项目做的是电商的小程序，下拉刷新，官网写的很明确不能与scroll-view同时使用。我是在脑子瓦特的情况下，onReachBottom 和 scroll-view的bindscrolltolower 都用了。经过我的实践，推荐大家用 onReachBottom。如果是一些tab里面也有下拉刷新，这个就很方便直接上代码：
onReachBottom() { let isPush = this.data.index,
val = this.data.inputVal;
this.setData({
isBtnShow: true
}); if (isPush ==1) { let num = this.data.limitIndex;
this.setData({ limitIndex: num+1
})
//关于上拉加载的性能优化 setTimeout(()=>{
// 给后端传下拉刷新的次数+1
const data = { limitIndex: this.data.limitIndex
};
utils.sendRequest(api.AllGoodsUrl, data, this.handleReachBottom.bind(this));
},1500)
}; if (val != '') { setTimeout(()=>{ let num = this.data.limitIndex;
this.setData({ limitIndex: num+1
})
// 给后端传下拉刷新的次数+1
const data = { limitIndex: this.data.limitIndex,
data:{
name: this.data.inputVal,
}
};
utils.sendRequest(api.AllGoodsUrl, data, this.handleLoadMore.bind(this));
},1500)
};
},cdn.xitu.io/2018/5/29/163aa029ed35b112?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
以上是“小程序开发上拉加载的实现方法”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！
