uniapp镶嵌H5外链下拉刷新

引用gpt回答 有帮助的话 采纳一下
在uni-app中实现全局页面下拉刷新的方法如下:

1. 在pages.json文件中配置全局下拉刷新能力

"globalStyle": {
  "navigationBarTextStyle":"black",
  "navigationBarTitleText": "uni-app",
  "navigationBarBackgroundColor": "#F8F8F8",
  "backgroundColor": "#F8F8F8",
  "enablePullDownRefresh": true
}

1. 在页面onPullDownRefresh生命周期方法中实现刷新逻辑

onPullDownRefresh() {
  // 这里模拟请求数据
  setTimeout(() => {
    this.list = [...];
    
    uni.stopPullDownRefresh();
  }, 1000);
}

1. 对于嵌入的H5页面,需要在页面加载完毕后通过代码触发uni.startPullDownRefresh(),来弹出下拉刷新

document.addEventListener('DOMContentLoaded', function() {
  uni.startPullDownRefresh();
});

1. H5页面同样需要在数据加载完成后调用uni.stopPullDownRefresh()停止下拉刷新
   这样就可以实现在所有页面包括嵌入的H5页面中进行统一的下拉刷新处理。
   在系统偏好设置中也可以配置是否开启下拉刷新能力。