这次给大家带来微信小程序开发中如何实现上拉加载,以及微信小程序开发中实现上拉加载的注意事项有哪些。 下面是一个实际案例微信小程序开发视频预加载,我们一起来看看。
我现在公司的项目是一个电商小程序,下拉刷新,官网明确说明不能和-view同时使用。 我在脑瓦的情况下,用的是-view。 经过我的实践,推荐大家使用。 如果某些选项卡有下拉刷新的话,直接上传代码就很方便了:

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)
};
},

相信看完本文的案例,您已经掌握了方法。 更多精彩,请关注站长源码网其他相关文章!