下拉刷新是常用操作，微信已經集成好了（真機效果稍有瑕疵）

首先需要在.json文件啟用下拉刷新

{"enablePullDownRefresh": true, }

然后在.js文件，監聽下拉操作，處理loading和請求

onPullDownRefresh() {wx.showNavigationBarLoading();this.setData({page: 1 // 分頁重置為第1頁});this.getList(); }

最后在接口請求結束，停止下拉刷新，不然不會觸發回彈

wx.request({url: 'https://www.xxx.com/api/list',header: {"Content-Type": "application/json"},data: {page: this.data.page},success() {// ...},fail() {// ...},complete() {wx.hideNavigationBarLoading(); wx.stopPullDownRefresh();} })

歡迎關注：技術開發分享錄

總結

以上是生活随笔為你收集整理的小程序下拉刷新_微信小程序下拉刷新的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。