如何实现微信小程序开发的上拉加载(更多微信小程序的上拉加载)

这次给大家带来的是如何实现微信小程序开发的上拉加载。微信小程序开发实现上拉加载有哪些注意事项？以下是实际案例。让我们来看看。

现在我们公司的项目是电商小程序，拉下来刷新。官网写的很清楚，不能和scroll-view同时使用。我在心境的时候用了scroll-view的onReachBottom和bindscrolltolower。经过我的实践，我推荐你使用onReachBottom。如果有些页签有下拉刷新，这个方便直接上传代码:

onReachBottom(){ let isPush = this . data . index，val = this . data . input val；this . setdata({ isBtnShow:true })；if(isPush = = 1){ let num = this . data . limit index；this . setdata({ limit index:num+1 })//SetTimeout(()= >:{//下拉刷新到后端的次数+1 constdata = { limit index:this . data . limit index }；utils.sendRequest(api。AllGoodsUrl，data，this . handlereachbottom . bind(this))；},1500) };如果(val！= ''){ setTimeout(()= & gt；{ let num = this . data . limit index；this . setdata({ limit index:num+1 })//下拉刷新到后端的次数+1 constdata = { limit index:this . data . limit index，data:{ name: this.data.inputVal，} }；utils.sendRequest(api。AllGoodsUrl，data，this . handleloadmore . bind(this))；},1500) };},

相信你看完这个案例已经掌握了方法。更多精彩请关注即时码站其他相关文章！

推荐阅读:

如何使用微信小程序开发switchTab

JS实现了字符串中数据规则的统计。