靐齉齾麤龖龗
靐齉齾麤龖龗
  • 发布:2024-12-24 16:27
  • 更新:2024-12-24 16:27
  • 阅读:154

uniapp的h5端实现动态设置页面的下拉刷新是否开启

分类:uni-app

首先定义个方法

// enable 是否可以下拉刷新  
tooglePullDownRefresh(enable) {  
    const page = getCurrentPages().at(-1)  
    // 当且仅当在pages里初始化设置了下拉刷新时才生效  
    if (!page.$page.meta.pullToRefresh.support) return  
    page.$page.meta.enablePullDownRefresh = enable        
}

然后就实现了,但是会出现禁用之后再开启不会出现下拉动效,这就需要去修改 hbuilderx安装路径\plugins\uniapp-cli-vite\node_modules\@dcloudio\uni-h5\dist\uni-h5.es.js中,搜索到usePageRefresh方法之后,在此方法中的onMounted hooks的后面加上

watch(  
      () => pageMeta.enablePullDownRefresh,  
      (enablePullDownRefresh) => {  
        enablePullDownRefresh && nextTick(initElement);  
      }  
  );

如图

然后在需要禁用和开启的页面调用tooglePullDownRefresh(false|true)来开启或关闭就可实现在h5上开启或关闭下拉刷新了!当然,如果官方能给个方法那就更好了

0 关注 分享

要回复文章请先登录注册