微信小程序开发上拉加载实现的注意事项有哪些

2023-08-11
来源:网络整理

这次给大家带来微信小程序开发中如何实现上拉加载,以及微信小程序开发中实现上拉加载的注意事项有哪些。 下面是一个实际案例微信小程序开发视频预加载,我们一起来看看。

我现在公司的项目是一个电商小程序,下拉刷新,官网明确说明不能和-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) }; },

微信小程序开发视频预加载_小程序视频加载失败_微信小程序开发视频播放器

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

分享