微信小程序ios中下拉刷新会触发了上拉加载

最新推荐文章于 2023-08-02 11:52:42 发布
最新推荐文章于 2023-08-02 11:52:42 发布
阅读量590 收藏
点赞数 1
分类专栏： 微信小程序 文章标签： 微信小程序 上拉加载 下拉刷新
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33401924/article/details/93195415
版权

首先看一下官方解答：

从官方的回答看出这个问题并没有解决，是小程序的 onReachBottom 在ios下的BUG。

所以解决函数的触发问题可能非常复杂。

于是考虑从即使触发后也不影响页面数据出发。

比如我们写的商品数据的加载，如果商品goods数组长度为0，则即使触发onReachBottom也不加载下一页就行。

具体代码：

king-w
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【uni-app笔记整理六】下拉刷新与上拉加载
小异常的博客
12-25 928
在一个项目中，刷新 是必不可少的一个功能，刷新 在软件中是指重新从服务器中请求获取最新的数据。 本篇博客主要围绕刷新这个主题来讲解 下拉刷新 和 上拉加载，这两个功能在移动端开发中也是常见的一项功能： 下拉刷新 是指下拉页面进行重新加载本页面的数据； 上拉加载 是指在到达页面底部时加载后面的数据。 这两个功能的区别在于 下拉刷新 是重新加载整个界面，而 上拉加载 是在现有数据的情况下再加载出另一部分数据。
小程序在IOS真机下拉刷新时触发了上拉加载，加载数据混乱
Honiler的博客
08-11 1684
问题描述：        之前在写具备有下拉刷新和上拉加载功能的页面时，刷新数据直接用页面布局的反馈和下拉刷新的动画，因此，都避免了该问题。而我最近我在修改一个原本我采用showLoading作为加载反馈的页面，改为手动下拉刷新后，在虚拟机和Android真机中测试都没任何问题，然后使用IOS真机测试发现，下拉刷新后加载的数据是混乱的，下拉刷新功能不太正常，反弹变大了，三个加载点还只剩一个了。 ...
android中常用的下拉刷新加载更多_微信小程序/上拉加载/下拉刷新
weixin_39620535的博客
11-23 134
上拉加载这个其实要后台的配合。后台把数据分好页，然后请求数据的时候发送现在所需要的页码，然后把请求到的数据concat链接到之前获取到的数据数组中。这里做了个判断，如果第一次加载的时候直接赋值；否则concat到数组中。当然在这之前要判断一下有没有得到请求的数据。如果没有则底部没有数据的信息显示出来（贴出关键代码，整体代码会在文末贴出）//上拉加载商品 reach: function(that...
ios微信小程序下拉刷新怎么配_微信小程序下拉刷新
weixin_30297493的博客
12-28 225
在微信小程序的一些统计页面，例如，查看用户量、浏览量等运营数据，很多时候，我希望能够不时地刷新一下，看看数据有没有变动。所以，比较好的体验是，在页面内提供下拉刷新功能。page json 设置增加配置项"enablePullDownRefresh": true用于开启当前页面下拉刷新功能支持。默认是 false。参考：https://developers.weixin.qq.com/minipro...
uni-app —— 下拉刷新 & 上拉加载
Bonsoir777的博客
11-19 5859
本文主要介绍uni-app中上拉加载、下拉刷新等相关知识点
微信小程序，两种方式实现上拉加载，下拉刷新
12-19
在微信小程序中，为了提供优秀的用户体验，特别是在处理大量数据列表时，通常会采用上拉加载（无限滚动）和下拉刷新的功能。这两种交互方式让用户在查看列表时无需手动翻页，而是通过简单的手势就能更新或加载更多...
微信小程序（二十二）action-sheet组件详细介绍
09-01
微信小程序的Action-Sheet组件是一种常见的交互元素，它模拟了iOS设计中的下拉菜单功能，用于展示一系列可选项供用户选择。在微信小程序中，Action-Sheet通常用于在底部弹出一个包含多个操作的列表，用户点击后执行...
插件-下拉-上拉加载插件
01-24
在移动应用开发中，下拉刷新和上拉加载是提高用户体验的重要功能，尤其在处理大量数据流时。本文将深入探讨“下拉-上拉加载插件”的原理、实现方式及应用场景。 一、下拉刷新与上拉加载的概念 1. 下拉刷新：这是一...
微信小程序开发中的疑问解答汇总
01-03
最近总结一篇微信小程序解答，作为小程序填坑人深有体会这里的变化，小程序刚发布消息的时候我就说了一个观点，只要小程序提供的组件或API丰富，稳定，兼容性好，才能实现小程序快速开发的理念，先如今还有很多组件...
上拉刷新下拉加载
10-16
上拉刷新下拉加载是移动应用开发中常见的一种交互设计，尤其在列表或者网格视图中，用户可以通过这种操作获取更多的数据或者更新已有内容。在本文中，我们将深入探讨这一功能的实现原理、应用场景以及常见技术实现。...
类似微信信息界面的下拉刷新实现
05-13
一个类似微信信息界面的下拉刷新，Demo中的实现方案经过测试可以使用
微信小程序 onReachBottom 上拉触底加载 没触发
Dove言和
08-18 3116
在数据渲染到小程序端的时候，大量数据会造成页面卡顿，严重的话会卡死，增大服务器压力 小程序自带能检测到到用户触底事件的函数 小程序自带能检测到到用户触底事件的函数 小程序自带能检测到到用户触底事件的函数 开发中可能会遇到写个底部触发事件，但是运行却没生效？ //底部触发 onReachBottom: function () { wx.showLoading({ title: '加载中...', }) console.log('到底了'); ..
微信小程序 - scroll-view组件之上拉加载下拉刷新（解决上拉加载不触发）
Qianmoer的博客
08-02 6096
/ 自己定义刷新事件 var self = this;// 自己定义刷新事件 self . setData({triggered : true , // 将triggered属性设置为true，表示下拉刷新已经被触发 }) wx . showToast({title : "刷新成功" }) setTimeout(function() {triggered : false , // 将triggered属性设置为false，表示下拉刷新已完成 }) console . log('下拉刷新已完成')
小程序上拉加载onReachBottom不触发
wy_Blog的博客
10-26 552
1、检查配置对应的config配置文件 export default { enablePullDownRefresh: true, } 2、查看是否有重复的onReachBottom 被覆盖 3、css页面高度height去除 .skuBuyFeed { background-color: #121212; width: 100vw; // height: 100vh; padding-top: 80px; overflow-y: auto; } ...
微信小程序上拉触底onReachBottom没触发的解决方案
m0_61848095的博客
03-25 669
微信小程序上拉触底onReachBottom没触发的解决方案
微信小程序上拉触底事件函数onReachBottom不触发的解决方案
wohenshenmi的博客
12-19 5519
在app.json或者本页的json文件中配置。属性，区别在于全局还是只在本页生效。每个页的js文件创建时自带。函数 不需要自己单独写。
小程序 onReachBottom 上拉加载事件失效
热门推荐
Young_Gao的博客
01-14 1万+
微信自带的下拉刷新上拉加载需要在 .json 文件里打开 "enablePullDownRefresh": true 在 .js 文件中分别对应两个事件  /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { console.log('pull down refresh') }, ...
uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结
在这里，我分享我的技术心得、项目经验、实用的技术教程、深入的技术分析以及前端开发的最新动态，希望能帮助到更多的人。
06-16 4202
下拉刷新和上拉加载是业务上一个很常见的需求，在微信小程序里，提供了下拉刷新的方法 onPullDownRefresh。最近在开发一个微信小程序项目，里面用到了下拉刷新重新加载数据的功能。做完后做了下总结。使用的是uni-app开发的，所以就以uni-app为例。
小程序onReachBottom上拉触底/下拉刷新没有反应问题（日常踩坑）
pirs123的博客
07-11 2244
今天踩了一个坑，因为改之前同事写的页面，新功能需要用到上拉刷新获取更多数据，当我加上onReachBottom时不管怎么上拉都没有效果后来发现给了整个页面固定高度，这就导致onReachBottom不触发了，其实还有很多导致onReachBottom不触发的，比如使用scroll-view处理不当也会导致onReachBottom不执行。虽然onReachBottom是自带的方法但是一定要写在methods里面才会触发的噢。下面是去掉固定高度的效果，触发了！
微信小程序下拉刷新,上拉加载组件
最新发布
08-08
微信小程序提供了下拉刷新和上拉加载的组件，可以方便地实现这些功能。下面是一个简单的示例代码： 1. 在页面的json文件中，添加下拉刷新和上拉加载的配置： ```json { "usingComponents": { "scroll-view": "/...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值