微信小程序实现下拉刷新

微信小程序实现下拉刷新

1.在页面json文件增设

  "enablePullDownRefresh": true//开启页面下拉刷新

2.增设下拉loading样式

  "backgroundTextStyle": "dark"//设置下拉loading样式

效果：

3.下拉刷新需求是返回到第一页，则我们下拉时需要将获取数据的数组重置清空，接着将页码设置为1，最后重新调用获取数据的方法，这个属于页面生命周期的方法，则我们先增设 onPullDownRefresh方法

  onPullDownRefresh(){
    this.setData({
      goodsList:[]//重置数据数组
    })
    this.QueryParam.pagenum=1;//将页码设置为1
    this.getGoodsList()
  }