微信小程序實現下拉刷新功能

1.json文件配置屬性enablePullDownRefresh

1    {
2 　　　　"enablePullDownRefresh": true
3 　　}

2.js中調用刷新函數

 1    /**
 2    * 獲取數據
 3    */
 4   getlist() {
 5     //業務邏輯...(省略)
 6     
 7     //隱藏loading 提示框
 8     wx.hideLoading();
 9     //隱藏導航條加載動畫
10     wx.hideNavigationBarLoading();
11     //停止下拉刷新
12     wx.stopPullDownRefresh();
13   },
14 
15    /**
16    * 刷新
17    */
18   onRefresh:function(){
19     //導航條加載動畫
20     wx.showNavigationBarLoading()
21     //loading 提示框
22     wx.showLoading({
23       title: 'Loading...',
24     })
25     this.getlist();
26   },
27 
28   /**
29    * 頁面相關事件處理函數--監聽用戶下拉動作
30    */
31   onPullDownRefresh: function () {
32     this.onRefresh();
33   }

最終結果：

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Xamarin. Android實現下拉刷新功能 Android 之WebView實現下拉刷新和其他相關刷新功能微信小程序開發之下拉刷新，上拉加載更多微信小程序開發平台新功能「雲開發」快速上手體驗微信小程序實現生成畫報並且實現下載功能微信小程序上拉加載下拉刷新微信小程序下拉刷新和頁面分享微信小程序之下拉加載和上拉刷新 IOS UIWebView 下拉刷新功能的簡單實現微信小程序實現支付功能