欢迎光临,了解各类小程序、网站开发,就上众彬建站! 退出 注册 登录

小程序实现下拉刷新

发布:2022-03-15 17:06浏览: 来源: 作者:

框架---小程序配置---页面配置
属性 类型 默认值 说明
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()
                }
            })



 
 
 





免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。