小程序-下拉刷新

框架---小程序配置---页面配置

属性 类型 默认值 说明
enablePullDownRefresh boolean false 是否开启当前页面下拉刷新
onReachBottomDistance number 50 页面上拉触底事件触发时距页面底部距离(px)
 
 
如果是全局都需要下拉刷星,在app.json中配置:
复制代码
        {
            "window":{
                "enablePullDownRefresh":true
            }
        }
复制代码

 

如果是指定页面(detail.wxml)需要下拉刷新,在detail.json中配置:

        "enablePullDownRefresh":true

    注意:在这里的配置会覆盖掉app.json中window中相同的配置项

    此时,在detail.js中:

复制代码
            Page({
                onPullDownRefresh(){
                    // 执行请求数据的方法
                    init();
                }
            })
复制代码

    此时,下拉松手后会隔一段时间才会复位,解决:

      API---界面---下拉刷新

      wx.stopPullDownRefresh()

      示例代码:

复制代码
            Page({
                onPullDownRefresh () {
                    wx.stopPullDownRefresh()
                }
            })
复制代码

 

 

 

 

 

 

 

 

 

posted @   吴小明-  阅读(597)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 提示词工程——AI应用必不可少的技术
· 字符编码:从基础到乱码解决
· 地球OL攻略 —— 某应届生求职总结
点击右上角即可分享
微信分享提示