uni-app 更新了3.2.9.20210927版本后 scroll-view无法触发下拉加载了

uni-app 更新了3.2.9.20210927版本后 scroll-view无法触发下拉加载了

3 回复

贴一下使用代码

更多关于uni-app 更新了3.2.9.20210927版本后 scroll-view无法触发下拉加载了的实战教程也可以访问 https://www.itying.com/category-93-b0.html


你好,就是官方组件自定义下拉刷新的事例代码,刚试了一下,调低refresher-threshold值可以触发(设置值大一点就很难触发了),不过触发时背景也会跟着下拉了

在uni-app 3.2.9.20210927版本中,scroll-view的下拉加载功能确实存在一些兼容性问题。主要原因是该版本对滚动事件的处理逻辑进行了调整,导致部分配置项或事件回调未能正确触发。

常见解决方案:

  1. 检查refresher-enabled配置
    确保在scroll-view组件中显式设置refresher-enabled="true",部分版本需要明确启用该属性。

  2. 确认refresher-triggered绑定状态
    下拉加载完成后需手动将触发的状态重置:

    <scroll-view 
      :refresher-triggered="isRefreshing"
      @refresherrefresh="onRefresh"
    >
    

    onRefresh方法结束时执行:

    this.isRefreshing = false
    
  3. 调整refresher-threshold
    可尝试适当增大下拉阈值(默认45px):

    <scroll-view refresher-threshold="60">
    
  4. 使用refresher-default-style配置
    部分机型需要指定下拉样式:

    <scroll-view refresher-default-style="black">
    
  5. 临时回退方案
    如急需使用,可暂时回退到3.2.7版本,在package.json中指定:

    "dependencies": {
      "@dcloudio/uni-app": "3.2.7"
    }
回到顶部