uniapp 页面下拉刷新样式

uniapp页面下拉刷新样式有两种常见的样式可供选择。第一种是经典下拉刷新样式，即"default"样式，可以显示一个下拉箭头和相应的刷新文本提示。第二种是圆圈样式，即"circle"样式，可以显示一个圆圈旋转的动画效果。

要在页面中实现下拉刷新功能，可以通过监听下拉动作来触发需要的操作。可以使用 "@dcloudio/uni-app" 中的 onPullDownRefresh 方法。在方法体中，可以调用需要刷新的接口来获取最新的数据，并在刷新完成后调用 uni.stopPullDownRefresh() 方法结束刷新。

如果你想要使用 mescroll-body 来实现下拉刷新，并且使用 v-show 来切换 tabs，但出现了滚动条位置一致的问题，即上一页的滚动条位置和下一页的滚动条位置保持一致，这可能是因为组件的使用方式出现了问题。可以尝试使用 mescroll-uni 组件配合 v-if 来解决这个问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [uniapp 实现下拉刷新功能](https://blog.csdn.net/weixin_63382268/article/details/129162904)[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_1"}}] [.reference_item style="max-width: 50%"]
- *3* [【uniapp】页面下拉刷新](https://blog.csdn.net/Qxn530/article/details/127450118)[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_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]