小程序模板網(wǎng)

小程序?qū)崿F(xiàn)下拉刷新

發(fā)布時(shí)間:2021-07-02 08:48 所屬欄目:小程序開發(fā)教程

框架---小程序配置---頁面配置
屬性 類型 默認(rèn)值 說明
enablePullDownRefresh boolean false 是否開啟當(dāng)前頁面下拉刷新
onReachBottomDistance number 50 頁面上拉觸底事件觸發(fā)時(shí)距頁面底部距離(px)
 
 
如果是全局都需要下拉刷星,在app.json中配置:

{
            "window":{
                "enablePullDownRefresh":true
            }
        }

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

"enablePullDownRefresh":true

    注意:在這里的配置會(huì)覆蓋掉app.json中window中相同的配置項(xiàng)

    此時(shí),在detail.js中:

Page({
                onPullDownRefresh(){
                    // 執(zhí)行請求數(shù)據(jù)的方法
                    init();
                }
            })

    此時(shí),下拉松手后會(huì)隔一段時(shí)間才會(huì)復(fù)位,解決:

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

      wx.stopPullDownRefresh()

      示例代碼:

Page({
                onPullDownRefresh () {
                    wx.stopPullDownRefresh()
                }
            })



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/26907.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢