在使用下拉刷新界面的时候,有以下几个步骤:
- 重置数据数组
- .将当前页码设置为1
- .再次发送请求
- .关闭下拉刷新的窗口
如下所示:首先在对于的json文件当中定义属性:表示允许刷新事件,并且将样式设置为黑色,
"enablePullDownRefresh":true,
"backgroundTextStyle":"dark"
随后在js文件当中使用刷新这个事件:
onPullDownRefresh(){
console.log("下拉刷新")
//重置数组
this.setData({
goodslist:[]
})
//重置页码
this.QueryParmams.pagenum=1;
//发送新的请求
this.GetGoodsList();
}
最后在对应获取接口数据的方法当中关闭下拉刷新的窗口
wx.stopPullDownRefresh();
具体效果图如下所示: