uinapp 上拉翻页

在uni-app中实现上拉翻页可以使用onReachBottom事件。在页面滚动到底部时，触发该事件，可以在该事件中进行相应的操作。\[1\]具体实现步骤如下：

1. 在data中定义相关变量，如loading、pageNo、pageSize和List，用于控制加载状态、当前页码、每页条数和数据列表。

2. 在onLoad生命周期函数中初始化相关变量。

3. 在onReachBottom事件中判断当前页码是否已经加载完所有数据，如果是，则提示数据加载完毕；如果不是，则将页码加1，并调用获取数据的方法。

4. 在methods中定义获取数据列表的方法Getlist()，在该方法中设置加载效果，调用接口获取数据，并将获取的数据赋值给List数组。如果获取的数据的页码不是第一页，则使用concat方法将之前获取的数据与当前页数据连接起来；如果是第一页，则直接赋值。同时将获取的总条数赋值给total变量。

通过以上步骤，就可以在uni-app中实现上拉翻页的功能。\[3\]
#### 引用[.reference_title]
- *1* [uni-app之上拉加载数据，实现分页](https://blog.csdn.net/weixin_42547971/article/details/117807498)[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^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [uniapp实现下拉刷新及上拉（分页）加载更多（app，H5，小程序均可使用）](https://blog.csdn.net/weixin_38611617/article/details/127855341)[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^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [uniapp移动端实现上拉加载（分页），下拉刷新](https://blog.csdn.net/Quentin0823/article/details/130400512)[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^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]