小程序第一次下拉刷新，之后下拉就不刷新了

最新推荐文章于 2023-08-02 11:52:42 发布
最新推荐文章于 2023-08-02 11:52:42 发布
阅读量772 收藏
点赞数
分类专栏： 小程序学习心得
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/small_33/article/details/100167305
版权

小程序的坑继续踩，踩，踩。。。。。。。。。。。。。

今天小程序测试过程中发现一个问题哈，就是真机调试时发现列表页下拉刷新的问题，第一次可以正常刷新，之后就不显示刷新loading...了，这是什么问题呢，就是在下拉刷新调用后台接口后，要再执行停止刷新，下次刷新才可以正常刷新，这个问题在开发工具上是没有问题的，只有真机调试能看出来，所以这就是个坑。

珊妹儿最近天天加班到十点多，几乎没有了生活，只有每个月的十号才感觉到加班的意义，加班的价值！！！

因为十号发资^_^哈哈！！

珊珊美眉
关注
专栏目录
ios微信小程序下拉刷新怎么配_浅谈微信小程序中的下拉刷新和上拉加载
weixin_42362491的博客
12-28 437
下拉刷新和上拉加载是业务上一个很常见的需求，在微信小程序里，提供了下拉刷新的方法 onPullDownRefresh 。而实现上拉加载相对来说就比较不方便了。下拉刷新虽然微信的官方文档有很多坑，但下拉刷新介绍的还是很全面的。在这里稍稍带过。首先在全局 config 中的 window 配置 enablePullDownRefresh .在 Page 中定义 onPullDownRefresh 钩子...
微信小程序 - 手写下拉刷新效果
陈同学的博客
05-13 1322
问题 最近在仿写腾讯新闻小程序，在首页中分别有三个板块，它们是在一个页面中通过滑动tab的效果来进行切换。所以我用swiper + scroll-view来模仿这样的效果，但是在后面做下拉刷新的时候，发现有个很严重的问题，由于这三个板块是在一个页面之间进行切换的，所以下拉刷新会导致前面两个板块无法出现原生下拉的效果。（这种情况具体的原因我也不太清楚，如果有大佬知道的可以评论告诉我） 然后...
为什么小程序页面下拉刷新onPullDownRefresh不生效？
m0_51567383的博客
03-31 1344
为什么设置了下拉刷新却不生效呢，来以下就是答案 js文件 onPullDownRefresh: function () { }, 要在json文件中设置enablePullDownRefresh为true，如果不设置，默认是false就不生效 { "enablePullDownRefresh":true } ...
微信小程序下拉刷新组件
01-17
自己做的小程序下拉组件，有两种下拉样式，根据要求返回各种值,参数说明见页面 自己做的小程序下拉组件，有两种下拉样式，根据要求返回各种值,参数说明见页面
mui 下拉刷新的页面，第一次不会自动刷新获取数值的问题
woyaoshengzhang的博客
10-19 313
修改mui初始化，将上面代码替换为下面代码 //mui初始化 mui.init({ pullRefresh: { container: '#pullrefresh', down: { auto: true, style:'circle', contentdown: '', callback: scope.pulldownRefresh }, up: {...
android代码下拉刷新页面,Android真机环境下下拉刷新失效
weixin_42397925的博客
05-26 249
初学MUI，在练习mui的下拉刷新和上拉加载demo时，想练习一个html页面下实现下拉刷新和上拉加载，发现在真机环境中下拉刷新失效，上拉加载正常，源码如下下拉刷新和上拉加载(单页模式)下拉刷新和上拉加载(单页模式){{item.text}}var vm = new Vue({el:'#demo',data:{lists:[]},ready:function(){var _this = this;...
解决scroll-view在微信小程序和uni-app下拉刷新后刷新条无法正常恢复的问题
weixin_43722571的博客
01-13 4252
关于scroll-view,在Uni-app和小程序中 refresher-triggered="{{triggered}}" bindrefresherpulling="onPulling" bindrefresherrefresh="onRefresh" bindrefresherrestore="onRestore" 1.不管triggered为何值，在界面中下拉，都会触发onRefresh，但不会自动改变triggered值(不能双向绑定，这是问题的
小程序下拉刷新没有响应
咔咔博客
09-12 4206
注意：当你发现你设置了所有改设置的后，下拉刷新还是不能使用的话就去找找你的代码是不是存在俩个下拉刷新的方法 json文件夹 { "enablePullDownRefresh": true, "backgroundTextStyle": "dark" } 需要刷新的数据 /* * 小程序下拉刷新 * 微信：fangkangfk * time:2018.9.12 * au...
优化小程序中频繁下拉刷新导致的定位获取失败问题
Debug的博客
05-18 232
【代码】优化小程序中频繁下拉刷新导致的定位获取失败问题。
微信小程序获取tabbar的高度_微信小程序开发之：完成一个tabbar+下拉刷新组件，需要经历什么坑...
weixin_39619478的博客
12-22 272
本文将带你了解微信小程序开发之：完成一个tabbar+下拉刷新组件，需要经历什么坑，希望本文对大家学微信有所帮助tabbar+下拉刷新在最近的微信小程序开发中，遇到一个比较坑的界面开发，说坑并不是因为它难，而是这其中包括了太多的开发时所要填的坑了，今天准备将这些填完的小坑一个个刨出来仔细啃啃，做一个demo分享一下。需求分析简单梳理一下需求：1.tabbar 需要用 fixed来跟随 2.需要有上...
小程序下拉刷新、上拉加载
weixin_57980280的博客
05-16 269
下拉刷新 下拉刷新，简单的来说就是在我们的页面上第一次点进来的数据，然后还有数据未加载出来，下拉刷新，就是向再次接口请求了数据，把页面上已经请求到的数据和刷新后又请求出来的数据拼接到一起，可以利用展开运算符，然后页面进行了再次渲染，有了新的数据，这就是下拉刷新。 //1）一般用户的程序中下拉刷新是被禁止的，我们可以先在要刷新页面的 Json中添加 “enablePullDownRefresh”:true, 2）配置后Json 就开始具体的代码操作 data{ lister: [ ], //第一
微信小程序 - scroll-view组件之上拉加载下拉刷新（解决上拉加载不触发）
Qianmoer的博客
08-02 6729
/ 自己定义刷新事件 var self = this;// 自己定义刷新事件 self . setData({triggered : true , // 将triggered属性设置为true，表示下拉刷新已经被触发 }) wx . showToast({title : "刷新成功" }) setTimeout(function() {triggered : false , // 将triggered属性设置为false，表示下拉刷新已完成 }) console . log('下拉刷新已完成')
小程序下拉刷新真机上不回缩问题解决
薛定喵君的博客
07-08 2346
加上代码wx.stopPullDownRefresh(); //停止下拉刷新 /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { this.getCourseList(); this.getErrBookList(); this.getYouLike(); this.getC...
微信小程序-下拉松开弹不回去顶部留一段空白
weixin_34004576的博客
04-24 1055
解决办法： 　　空白的出现有可能是多次触发下拉事件导致请求过多导致页面反应延迟。 　　在onPullDownRefresh 事件里加setTimeout事件延迟下下拉刷新的事件。 /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { wx.stopPullDownRefres...
微信小程序OnPullDownRefresh下拉刷新不触发问题
weixin_43554584的博客
04-04 1万+
汇总一下小程序下拉刷新不触发的原因。
微信小程序界面下拉刷新实现方法
热门推荐
Joychen404的博客
05-25 1万+
微信小程序中，通过下拉刷新页面是基本操作，在当前页面排满的情况下继续下拉加载更多内容。小程序和网页都可以实现这一功能，不同的是小程序界面有能实现下拉刷新功能的API，只需从系统调用即可。通过查看微信开发文档可知，enablePullDownRefresh 这个属性设置为true。就默认开启了下拉刷新。enablePullDownRefresh可以写在app.json 中 和页面的xxx.json，...
微信小程序下拉刷新事件无效原因
xu3tu的博客
12-07 1万+
1.页面json文件中没有开启enablePullDownRefresh配置 2.请在真机调试中调试（开发工具下拉事件监听不到） tip: q:有下拉页面移动效果，没有刷新加载动画 a:加载动画颜色跟背景色重叠，设置json文件"backgroundTextStyle": “dark” q:下拉后页面不返回顶部 a:没有调用结束下拉刷新动画方法 js文件 onPullDownRefresh: fu...
小程序下拉不触发onPullDownRefresh
Annie的博客
12-24 1万+
    首先，按照文档上的步骤，先在app.json的window选项或页面的配置中设置 { "enablePullDownRefresh":true, "backgroundTextStyle":"dark" //设置该选项可以显示刷新动画（三个点） }     其次，在Page中注册onPullDownRefresh方法 onPullDownRefresh: fun...
微信小程序下拉无法刷新
A_Runner的博客
12-19 2399
“美人自古如名将，不许人间见白头” 序 下拉刷新看似简单，但实现时遇到了一个问题，始终无法实现效果，故记录在此。 下拉刷新代码实现 在页面的.json配置文件中加入enablePullDownRefresh，以启用页面的下拉刷新功能，见官网配置项 "enablePullDownRefresh": true, 在页面的js里面加入监听事件，见官网onPullDownRefresh //下拉...
简述微信小程序如何实现下拉刷新上拉触底
最新发布
10-25
微信小程序实现下拉刷新和上拉触底的效果通常通过监听` wx_pullrefresh` 和 `wxreachbottom` 两个特殊的事件来完成。下面是一个简要的过程： 1. **设置滚动区域**：首先，在需要下拉刷新和上拉加载更多功能的页面组件上，添加`scroll-view`组件，并设置其`bindscrolltolower` 和 `bindpullrefresh` 属性。 ```html <scroll-view bindscrolltolower="loadMore" bindpullrefresh="refreshData" /> ``` 2. **事件处理函数**： - `bindpullrefresh` 函数会在用户开始下拉时触发，用于获取新的数据并显示正在刷新的提示。 - `loadMore` 函数会在用户滚动到底部时触发，用于加载更多的内容。 ```javascript Page({ data: { refreshing: false, // 刷新状态标记 loading: false, // 加载状态标记 moreData: [] // 额外的数据数组 }, refreshData: function(e) { this.setData({ refreshing: true }); setTimeout(() => { this.setData({ refreshing: false, data: ...this.data.data, // 更新数据 finishPullRefresh: true // 显示刷新完成提示 }); }, 2000); // 模拟异步时间 }, loadMore: function(e) { if (!this.data.finishPullRefresh) { // 如果不是第一次加载更多 this.setData({ loading: true }); // 显示加载中 setTimeout(() => { this.setData({ loading: false, moreData: [...this.data.moreData, ...newData] // 加入新数据 }, 2000); // 模拟异步时间 } } }) ``` 3. **状态控制与视图更新**：在事件处理函数中，你需要更新相应的状态（如`refreshing` 和 `loading`），然后通过`setData`方法通知界面更新展示效果。同时，你还需要检查是否已经完成了刷新或加载，以便调整交互逻辑。 4. **视觉反馈**：为了增强用户体验，可以在界面设计中加入动画效果，比如下拉刷新时的旋转图标，加载过程中的一点延迟等。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值