小程式怎麼下拉刷新

小程式怎麼下拉刷新

在小程式裡，用戶頂部下拉刷新是預設禁止的，我們需要把他設定為啟用，在app.json中的設定對所有頁面有效，在單獨頁面設定則對目前頁面有效。

推薦學習：小程式開發

具體實作方法如下：

1、設定json檔案

"enablePullDownRefresh": true,

2、寫下拉刷新js程式碼

//下拉刷新
onPullDownRefresh:function()
{
    wx.showNavigationBarLoading() //在标题栏中显示加载
    //模拟加载
    setTimeout(function()
    {
        // complete
        wx.hideNavigationBarLoading() //完成停止加载
        wx.stopPullDownRefresh() //停止下拉刷新
    },1500);
},

wx.hideNavigationBarLoading() 這兩句話是用來控制小菊花的顯示和隱藏，這裡模擬了一下網路加載，透過setTimeout方法，寫一個時間延遲的方法，這個方法可以模擬網路載入所消耗的時間，還有就是當網路載入完成我們要停止下拉刷新wx.stopPullDownRefresh() 。

PHP中文網，大量免費navicat教學，歡迎學習！

以上是小程式怎麼下拉刷新的詳細內容。更多資訊請關注PHP中文網其他相關文章！