uniapp给页面添加下拉刷新页面-IT无限

1、pages.json页面找到页面配置，添加 enablePullDownRefresh

{
            "path": "pages/order/list-mine",
            "style": {
                "navigationBarTitleText": "订单列表",
                "enablePullDownRefresh": true ,//开始下拉刷新
                "backgroundTextStyle": "dark" // 下拉 loading 的样式，仅支持 dark/light
            }
        },

2、在 js 中定义 onPullDownRefresh 处理函数（和onLoad等生命周期函数同级），监听该页面用户下拉刷新事件。

//下拉刷新
  onPullDownRefresh(){
  //下拉请求接口
    this.getOrder();

  },

3、在接口执行成功后关闭下拉动画

    getOrder() {
      let query = {}
      query = {
        keyword: this.keyword
      }

      http.get("/order/query", query).then(res => {
        if (res.code == 0) {
          this.order = res.data.rows
        }

        //停止下拉刷新显示
        uni.stopPullDownRefresh();
      })
    },

uniapp给页面添加下拉刷新页面

相关文章