uniapp 加载更多
时间: 2023-09-11 08:04:31 浏览: 56
在uniapp中实现加载更多的功能可以通过使用onReachBottom事件来实现。当用户滑动页面到底部时,就会触发onReachBottom事件,我们可以在这个事件的回调函数中实现加载更多的逻辑。首先,我们需要在页面的配置文件(如.vue文件)中注册onReachBottom事件。然后在事件回调函数中执行加载更多的操作,可以通过向后端发送请求获取更多的数据,并将新数据添加到已有的数据列表中。最后,将更新后的数据重新渲染到页面上,从而实现加载更多的效果。这样,当用户滑动页面到底部时,就会自动加载更多的数据了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [【uniapp开发实战】点击加载更多,每次增加 n 条数据的实现方法](https://blog.csdn.net/Shids_/article/details/117815570)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [uniapp滚动加载 下拉刷新](https://blog.csdn.net/2303_76218115/article/details/130981650)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [Java微信小程序B2C商城 H5+APP源码 前后端分离](https://download.csdn.net/download/m0_55416028/88263033)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]