小程序-下拉刷新

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

屬性 類型 默認值 說明

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()
                }
            })