1.首先在全局 config
中的 window
配置 enablePullDownRefresh
.
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "天使童装",
"navigationBarTextStyle": "black",
"onReachBottomDistance": 20,
"enablePullDownRefresh": true
},
2.在 Page
中定义 onPullDownRefresh
钩子函数。到达下拉刷新条件后,该钩子函数执行,发起请求方法。
onPullDownRefresh: function () {
this.data.currentPage = 1
wx.showNavigationBarLoading()//在标题栏中显示加载图标
this.data.dataList = [] //dataList为获取到的列表数组,自行替换
setTimeout(() => {
wx.hideNavigationBarLoading();//完成停止加载
wx.stopPullDownRefresh(); //得到数据后停止下拉刷新
}, 400)
console.log('下拉刷新成功')
},