【微信小程序】 解决“enablePullDownRefresh“: true下拉刷新还是不起作用

最新推荐文章于 2024-11-24 16:43:58 发布
最新推荐文章于 2024-11-24 16:43:58 发布
阅读量6.4k 收藏 5
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 微信小程序 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhangshuny/article/details/113005841

问题描述
由于一开始的方案不是整个页面都滚动，用了scroll-view，后来方案改成整个页面滚动，得添加下拉刷新的功能。这时候问题就出现了，按照文档上配置
“enablePullDownRefresh”: true后还是没有下拉刷新的效果
在这里插入图片描述
原因：
找了一圈是scroll-view的问题。scroll-view 官方文档链接

在滚动 scroll-view 时会阻止页面回弹，所以在 scroll-view 中滚动，是无法触发 onPullDownRefresh
在这里插入图片描述
解决方法：
去掉了scroll-view 使用页面的滚动
在这里插入图片描述

【微信小程序】5步搞定微信小程序下拉刷新：新手也能轻松掌握
java专栏
11-29 1982
下拉刷新是一种常见的用户交互方式，通过下拉页面，用户可以自动刷新页面以获取最新的内容。这种功能不仅提高了用户体验，还能确保用户总是看到最新的信息。✨是微信小程序提供的一个生命周期函数，用于监听用户的下拉刷新操作。当用户在页面顶部下拉时，这个函数会被触发，你可以在这个函数中执行数据更新的操作。怎么样，是不是觉得下拉刷新功能其实非常简单又实用呢？😉 只要掌握了这个API，你就可以在微信小程序中实现用户友好的下拉刷新功能。希望这篇文章能帮助你更好地理解和应用这些功能，让你的小程序更加贴近用户习惯！🌟。
Uniapp：设置页面下拉刷新
最新发布
MMF博客园
04-29 840
Uniapp：设置页面下拉刷新
小程序enablePullDownRefresh=true 还是不能下拉刷新问题
lp7373666的博客
04-10 499
就是下拉拉不动，百度看了是scroll-view的原因：
微信小程序--开启下拉刷新页面
桂林电子科技大学 -芳
03-15 3722
细节二：在页面加载完毕前，应该添加一个wx.showLoading()提示用户正在加载，网络请求完成后，就关闭这个加载动作。距离底部多少的时候触发我们的触底事件 默认是50px。细节三：如果网络请求失败呢？第一步：在.json文件中开启下拉刷新。第二步：在.js配置文件中找到。
【微信小程序】单页面设置enablePullDownRefresh：true 不生效
weixin_40874076的博客
05-31 748
页面的配置比app.json全局配置简单得多，只是设置 app.json 中的 window 配置项的内容，页面中配置项会覆盖 app.json window 中相同的配置项。页面的.json只能设置window相关的配置项，以决定本页面的窗口表现，所以无需写window这个键”app.json中在window对象中设置,然而在页面的配置中,不需要window,悲剧的是怎么都不生效,然后我在app.json中同样设置,惊奇的是竟然生效了,那么到底哪里不对呢…今天在写下拉刷新功能,然后看了官方文档。
单页面设置enablePullDownRefresh：true 不生效
qq_38405436的博客
06-11 547
去到app.json 里也加上enablePullDownRefresh：true，这时候就生效了，然后再去掉app.json里的enablePullDownRefresh：true，这时候单页面里的设置还是生效的。
微信小程序控制android,关于微信小程序设置enablePullDownRefresh为 false在Android系统不生效的问题...
weixin_39900582的博客
05-26 1514
微信web开发者工具版本： v0.14.140900微信版本：v6.5.4操作系统：Android5.1问题描述：根据官方文档，在app.json的window标签中，配置"enablePullDownRefresh": false，关闭下拉刷新事件：{"window":{"navigationBarBackgroundColor":"#ffffff","navigationBarTextSty...
微信小程序下拉刷新不执行 enablePullDownRefresh
weixin_55784914的博客
02-06 922
单页面中在 .json中的 usingComponents 对象下写 “enablePullDownRefresh”:true 即可开启下拉刷新。
微信小程序知识点(二)
liyumin2006的博客
09-05 878
如果页面需要下拉刷新功能，则在页面对应的json配置文件中，将enablePullDownRefresh配置设置为true，如下 2.上拉触底事件 在很多时候，我们在浏览一些购物网站的时候，往上拉的时候都是动态加载新的数据信息，这个时候就需要用到页面的上拉触底事件，来进行新数据的获取和加载，我们在对应的页面下的js文件中onReachBottom()事件进行监听处理，就可以对上拉触底就行功能编写：例如我们在一个界面上获取随机颜色加载的案例， b.通过wx:request来调用接口获取随机颜色数据，
微信小程序全局配置：导航栏、下拉刷新与上拉触底设置教程
孤客科技
11-24 1549
在微信小程序中，app.json文件是全局配置的核心，开发者可以在此文件中配置小程序的各项属性。window字段用于设置小程序的窗口表现，包括导航栏、下拉刷新和上拉触底等。导航栏是小程序中重要的交互区域，通常用于显示页面标题和操作按钮。通过全局配置，开发者可以自定义导航栏的样式和行为。下拉刷新是提升用户体验的重要功能，用户可以通过下拉操作刷新当前页面的数据。通过全局配置，开发者可以轻松开启此功能。上拉触底是指用户在页面底部上拉时触发的事件，可以用于加载更多数据。通过设置属性，开发者可以控制触底距离。
微信小程序源码分享：下拉刷新与Tab切换功能实现
本篇文章将针对“小程序-下拉刷新，tab切换”的知识点进行深入探讨，内容涵盖微信小程序的基础概念、下拉刷新与tab切换的实现原理和应用方法。 **微信小程序基础概念** 微信小程序是一种不需要下载安装即可使用的...
小程序下拉刷新没有响应
咔咔博客
09-12 4226
注意：当你发现你设置了所有改设置的后，下拉刷新还是不能使用的话就去找找你的代码是不是存在俩个下拉刷新的方法 json文件夹 { "enablePullDownRefresh": true, "backgroundTextStyle": "dark" } 需要刷新的数据 /* * 小程序下拉刷新 * 微信：fangkangfk * time:2018.9.12 * au...
“enablePullDownRefresh“=false失效？
yynikki的博客
07-16 1908
小程序"enablePullDownRefresh"=false失效的问题 需要在app.json中注册当前页面
uniapp的onPullDownRefresh失效 不执行
starstarstarl的博客
04-11 2512
里，找到的当前页面的pages节点，并在。
微信小程序使用scroll-view无法触发下拉刷新事件onPullDownRefresh解决方案
ygy211715的博客
10-12 3787
在跟着某网学习的时候发现使用scroll-view无法触发下拉刷新事件onPullDownRefresh，在网上找了找解决方案，其中我觉得最佳的解决方案如下 1：将scroll-view换成view，如此以来就可以触发下拉刷新onPullDownRefresh事件 二： 改成view，那原来scroll-view组件的onScrollLower上拉加载更多事件就不能用了，这时候可以使用onReachBottom ...
微信小程序OnPullDownRefresh下拉刷新不触发问题
热门推荐
weixin_43554584的博客
04-04 1万+
汇总一下小程序下拉刷新不触发的原因。
小程序 下拉刷新设置，下拉不回弹问题
Lv骚年
09-08 2308
一、下拉刷新配置 1：在page页面的json文件中添加配置 "enablePullDownRefresh": true, { "usingComponents": {}, "navigationBarTitleText": "考勤记录", "enablePullDownRefresh": true, "onReachBottomDistance": 50 } 2：对应的js文件中补充onPullDownRefresh方法（不用新增，页面构建时已生成） /...
在模拟器中可执行下拉刷新但在真机中无法执行下拉刷新的常见错误。
孤芳不自赏
07-26 1098
    在开启下拉刷新开关时，我们需要在页面的json文件中设置enablePullDownRefresh选项为true。如果不小心将enablePullDownRefresh选项设置成了字符串“true”，而非Boolean类型的true，就将导致在模拟器中可执行下拉刷新但在真机上（仅测试iOS系统）无法执行下拉刷新的现象。     虽然官方文档明确的指出enablePullDownRefres...
小程序上拉下拉共存时不可使用scroll-view的解决方法
anLazyAnt_懒蚂蚁
03-13 1万+
使用bindscrolltolower，必须搭配使用的scroll-view会导致小程序"enablePullDownRefresh": true下拉不能使用。 解决方法，就是当两者同时存在时，改scroll-view为view，改bindscrolltolower为onReachBottom函数。 这样在上拉加载，跟下拉刷新同时存在的时候，"enablePullDownRefresh": t
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值