uniapp下拉刷新获取数据

在uniapp中，可以通过开启下拉刷新功能来实现获取数据的操作。首先，在对应页面的page.json文件中，设置"enablePullDownRefresh"为true，表示开启下拉刷新功能。例如：

{
  "pages": \[
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "hi uni",
        "enablePullDownRefresh": true
      }
    },
    ...
  \]
}

接下来，在对应页面的代码中，定义onPullDownRefresh方法，该方法会在下拉刷新时触发。在该方法中，可以进行数据的获取操作。例如：

onPullDownRefresh() {
  this.params.pageNum = 1;
  this.PostCollectList(); //获取数据
}

在PostCollectList方法中，可以通过调用接口获取数据，并将数据赋值给对应的变量。例如：

PostCollectList() {
  let params = { ...this.params };
  PostCollectList(params).then(res => {
    let data = res.data.data || \[\];
    this.list = this.list.concat(data);
    this.total = res.data.total;
    this.hasNextPage = res.data.hasNextPage;
    uni.stopPullDownRefresh(); //结束下拉刷新
    if (this.hasNextPage) {
      this.loading.status = "loadmoreText";
    } else {
      this.loading.status = "nomoreText";
    }
  });
}

通过以上步骤，就可以在uniapp中实现下拉刷新获取数据的功能。
#### 引用[.reference_title]
- *1* *3* [uni-app下拉刷新加载刷新数据](https://blog.csdn.net/qq_36232611/article/details/102525159)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [uniapp使用自带【刷新方法】与使用【scroll-view】实现下拉刷新上拉加载](https://blog.csdn.net/weixin_43973909/article/details/129089701)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]