记一次小程序的问题- "enablePullDownRefresh"

最新推荐文章于 2024-05-31 10:39:35 发布
最新推荐文章于 2024-05-31 10:39:35 发布
阅读量1.9k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oschina_41661541/article/details/103198206
版权

在小程序中经常见到数据分页，需要下拉加载，上拉刷新，或上拉刷新等等，需要在对应的.json里面配置 {"enablePullDownRefresh":true}。配置这个有一个问题，就是下拉的时候多拉几次会出现一大片页面空白

我一开始以为是头部tab的问题，经过多番调试，突然想到会不会是下拉的时候样式导致的，于是我就去掉json里面的enablePullDownRefresh，果然解决了！

有个派大星
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
笑话.微信小程序-java
05-09
"enablePullDownRefresh":true }, "tabBar": { "color": "#000000", "selectedColor": "#268dcd", "borderStyle": "white", "backgroundColor": "#ffffff", "list": [ { "pagePath": "pages/joke/joke",
微信小程序-省市选择控件功能.zip
04-20
"微信小程序-省市选择控件功能.zip"是一个包含实现这一功能的小程序模板代码资源。通过这个压缩包，开发者可以快速集成省市选择功能到自己的小程序项目中。 首先，我们要了解微信小程序中的组件系统。微信小程序...
小程序单页面设置enablePullDownRefresh：true 不生效
houhouhoukungu的博客
04-14 685
我想开启单个页面的下拉刷新的动作，可是在单页面设置enablePullDownRefresh：true 不生效，然后我又设置了全局app,json中的enablePullDownRefresh：true 是可以的，能实现下拉，请问这是什么原因？ app.json 设置 单页面json 设置 ...
下拉刷新enablePullDownRefresh
enhenglhm的博客
11-08 2574
在json文件中设置允许下拉刷新 "enablePullDownRefresh": true 下拉刷新小案例体验 wxml中 <view>数值：{{count}}</view> <button bindtap="add">加1</button> js中 data: { count:0 }, add(){ this.setData({ count:this.data.count+1 }) }, onPullD
【微信小程序】单页面设置enablePullDownRefresh：true 不生效
最新发布
weixin_40874076的博客
05-31 387
页面的配置比app.json全局配置简单得多，只是设置 app.json 中的 window 配置项的内容，页面中配置项会覆盖 app.json window 中相同的配置项。页面的.json只能设置window相关的配置项，以决定本页面的窗口表现，所以无需写window这个键”app.json中在window对象中设置,然而在页面的配置中,不需要window,悲剧的是怎么都不生效,然后我在app.json中同样设置,惊奇的是竟然生效了,那么到底哪里不对呢…今天在写下拉刷新功能,然后看了官方文档。
小程序·报错app.json文件中的enablePullDownRefresh需为Boolean
weixin_46019220的博客
12-18 1564
Boolean 变量的值显示为 True 或 False且只能是 True 或是 False。 加了“”的true或者false是属于文本类型，所以系统会报错。 改正 把双引号去掉就好啦！！
微信小程序：enablePullDownRefresh、onReachBottomDistance 、动态设置窗口的背景色、动态设置下拉背景字体
weixin_38909589的博客
05-22 1万+
一、enablePullDownRefresh 1、下拉刷新enablePullDownRefresh的支持 单页面配置json文件 { "backgroundTextStyle": "dark" } app.json配置（所有页面都带有下拉刷新功能） { "window": { "enablePullDownRefresh": true } } 2、设置...
【微信小程序】基础篇 -- 全局配置 -- window - 下拉刷新 & 上拉触底（十六）
JMFive的博客
03-02 5462
大家好，又见面了，我是夜阑的狗🐶，本文是专栏【微信小程序开发教程】专栏的第16篇文章;今天开始学习微信小程序的第九天💖💖💖，开启新的征程，记录最美好的时刻🎉，每天进步一点点。【微信小程序开发教程】， 此专栏是我是夜阑的狗微信小程序开发过程的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。首先来了解一下什么是下拉刷新，下拉刷新是移动端的专有名词，指的是通过手指在屏幕上的下拉滑动操作，从而重新加载页面数据的行为。🌹 🌹 🌹。
微信小程序 scroll-view组件实现列表页实例代码
08-31
微信小程序的`scroll-view`组件是一个非常重要的视图容器，它提供了一个可滚动的区域，适用于手机端常见的上拉加载和下拉刷新功能。在本文中，我们将详细讲解如何使用`scroll-view`组件来实现一个列表页实例。 首先...
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
11-26
在微信小程序中，`scroll-view`组件是用于实现滚动效果的重要元素，它可以处理横向或纵向的滚动，并且支持上拉加载更多（onReachBottom）和下拉刷新（onPullDownRefresh）功能。以下是对实现这一功能的代码进行的...
微信小程序下拉刷新界面的实现
01-03
微信小程序下拉刷新界面的实现 利用onPullDownRefresh函数设置下拉刷新功能 一、在app.json中，将window选项中的enablePullDownRefresh设为true window:{ enablePullDownRefresh:true }  或者在要刷新的界面...
小程序中启用下拉刷新的两种方式
小鱼儿~同学
02-12 1752
小程序启用下拉刷新的两种方式： 需要在 app.json 的 window 选项中或页面配置中开启 enablePullDownRefresh，但是，一般情况下，推荐在页面配置中为需要的页面单独开启下拉刷新行为 可以通过 wx.startPullDownRefresh() 触发下拉刷新，调用后触发下拉刷新页面，效果与用户手动下拉刷新一致，该方法是在页面中绑定一个点击下拉刷新的按钮，为其绑定点击...
enablePullDownRefresh是什么
Candy_672328094的博客
04-17 971
是在基于 Vue.js 的移动端开发框架（如 uni-app、Taro 等）或微信小程序中用于启用页面下拉刷新功能的一个属性。它通常应用于页面或组件的配置选项中，以允许用户通过下拉屏幕内容触发数据刷新的操作。）中编写实际的数据刷新逻辑，并在数据更新完成后调用对应的 API（如。在 uni-app 中，您可以在页面对应的。后，您还需要在相应页面的生命周期方法（如。）来结束刷新状态，隐藏刷新指示器。在微信小程序中，您可以在。
小程序：下拉刷新的简单方法"enablePullDownRefresh": true
祈澈菇凉
01-17 8022
在小程序里面加上一个下拉刷新的原因是为了优化用户的体验，有时候会遇到这样的一种情况，用户的网络比较慢，那么该出现的内容就出现的很慢，如果有下拉刷新的功能，就会给人一种需要等待一下下一秒就会出现内容的感觉，而不是空白页或者这个小程序有bug之类的疑问。 参考API：下拉刷新 其实很简单，打开app.json文件,在window里面添上这句即可。 "enablePullD...
uni-app 下拉刷新
单飞吧的博客
01-21 425
使用页面生命周期 onPullDownRefresh，当处理完数据刷新后，uni.stopPullDownRefresh 可以停止当前页面的下拉刷新 onPullDownRefresh() { console.log('refresh'); setTimeout(function () { uni.stopPullDownRefresh(); }, 1000); } 使用页面生命周期 onPullDownRefresh 需要在 pages.json 里，找到的当前页面的pages节点，并在 st
微信小程序采坑之scroll-view与enablePullDownRefresh（下拉刷新）不可共用
mao871863224的博客
02-10 3600
踩坑踩坑踩坑 以下是正常的顶部下拉刷新数据的步骤以及代码 但是要注意的一点是 html中srcoll-view标签下的页面进行这些操作是无效的 一、onPullDownRefresh回调 onPullDownRefresh: function () { console.log('onPullDownRefresh') this.queryData(id) }, 二、enablePullD...
微信小程序开发appJSON[“window“][“enablePullDownRefresh“] 字段需为 boolean报错
zhichina的博客
07-01 2000
最近沉迷于小程序，买了很多源码在玩和学习，遇到这个问题 boolean报错 总共四个地方都进行了报错。[ pages/page3/index.json 文件内容错误] pages/page3/index.json: enablePullDownRefresh 字段需为 boolean(env: macOS,mp,1.06.2206090; lib: 2.24.7) [ app.json 文件内容错误] app.json: window.enablePullDownRefresh 字段需为 boolean(e
微信小程序设置下拉刷新
记录日常开发过程中遇到的一些问题
02-24 1688
1、页面json文件中配置enablePullDownRefresh:true { "enablePullDownRefresh":true } 2、页面js文件里编写函数： onPullDownRefresh:function(){} 3、app.json里必须添加该页面路径 项目根目录下的app.json配置文件的 pages 项, 若未配置该页面，会导致页面未注册, 虽然能正常跳转, 但是下拉刷新无效; ...
微信小程序 "enablePullDownRefresh" 下拉刷新无效
热门推荐
xiaochun365的博客
05-08 3万+
“enablePullDownRefresh”: “true” 在 Page 中定义 onPullDownRefresh 处理函数，监听该页面用户下拉刷新事件。 需要在 config 的window选项中开启 enablePullDownRefresh。 当处理完数据刷新后，wx.stopPullDownRefresh可以停止当前页面的下拉刷新。这个问题困惑了挺长时间，在群里提问也没能找打答案
小程序 enablePullDownRefresh
08-23
enablePullDownRefresh是微信小程序的一个配置选项，用于启用下拉刷新功能。通过将app.json中的window选项中的enablePullDownRefresh设为true，可以在小程序的界面中实现下拉刷新功能。该功能可以让用户在界面顶部下拉刷新内容，以更新数据或页面。当用户下拉界面时，触发onPullDownRefresh函数，开发者可以在该函数中编写相应的逻辑来处理下拉刷新事件。 此外，微信小程序还提供了停止下拉刷新的API，即wx.stopPullDownRefresh()。当数据加载完成或处理完下拉刷新事件后，开发者可以调用该API来停止下拉刷新的动画效果。这样，用户就可以继续浏览页面内容而不会被刷新动画干扰。 如果希望在所有页面中都具备下拉刷新功能，可以通过在app.json中配置全局的enablePullDownRefresh选项。在window选项中设置enablePullDownRefresh为true即可实现该功能。这样，所有页面都会具有下拉刷新的能力，无需在每个页面单独进行配置。 总结起来，enablePullDownRefresh是微信小程序的一个配置选项，用于启用下拉刷新功能。通过在app.json中的window选项中设置enablePullDownRefresh为true，可以开启下拉刷新功能。开发者可以在onPullDownRefresh函数中编写相应的逻辑来处理下拉刷新事件，并可以使用wx.stopPullDownRefresh()来停止下拉刷新的动画效果。如果希望在所有页面中都具备下拉刷新功能，可以在app.json中全局配置enablePullDownRefresh为true。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [微信小程序下拉刷新界面的实现](https://download.csdn.net/download/weixin_38724663/14014159)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [微信小程序：enablePullDownRefresh、onReachBottomDistance 、动态设置窗口的背景色、动态设置下拉背景...](https://blog.csdn.net/weixin_38909589/article/details/90444495)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值