微信小程式的實例:實作下拉刷新資料的程式碼

不言
發布: 2018-08-10 16:01:05
原創
2843 人瀏覽過

本篇文章帶給大家的內容是關於微信小程式的實例:實作下拉刷新資料的程式碼,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

呼叫系統的API,系統提供了下拉刷新API介面onPullDownRefresh

#首先在json設定檔中加上  "enablePullDownRefresh":"true"開啟下拉刷新事件,

#當處理完資料刷新後,wx.stopPullDownRefresh可以停止目前頁面的下拉刷新。

在小程式的js檔案中程式碼如下:

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

 相關文章推薦:

小程式實例:小程式實作摺疊選單的效果(附程式碼)

 小程式元件:聊天會話元件的介紹(附程式碼)

以上是微信小程式的實例:實作下拉刷新資料的程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!