h***@163.com
h***@163.com
  • 发布:2024-11-08 11:01
  • 更新:2024-11-08 11:01
  • 阅读:93

【报Bug】scroll-view下拉refresherrefresh在安卓机中下拉一次就会触发三次事件

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 4.29

手机系统: Android

手机系统版本号: Android 8.1

手机厂商: 华为

手机机型: DUB-AL00

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: CLI

CLI版本号: 3.0.0-3080720230703001

操作步骤:

触摸屏幕下拉一下

预期结果:

像小程序端一样,console.log('页面下拉-scroll-view', e)只打印一次

实际结果:

在安卓测试机中console.log('页面下拉-scroll-view', e)打印了三次

bug描述:

      <swiper  
        class="swiperList-wrapper"  
        :duration="100"  
        :current="currentTabSwiper"  
        @change="handleChangeSwiper"  
      >  
        <swiper-item>  
          <scroll-view  
            class="swiperScroll-wrapper"  
            :scroll-y="true"  
            :refresher-enabled="true"  
            :refresher-triggered="refresherTriggered"  
            @scroll="handleScroll"  
            @refresherrefresh="handleRefresh"  
            @scrolltolower="handleScrolltolower"  
          >  
           // 数据  
          </scroll-view>  
        </swiper-item>  
        ...  
       </swiper>  

const handleRefresh = (e) => {  
  console.log('页面下拉-scroll-view', e)  
  refreshList()  
}  

const refreshList = async() => {  
  if (!refresherTriggered.value) {  
    refresherTriggered.value = true  
  }  
  loadRecommendData()  
}  

const loadRecommendData = async(type?: string) => {  
  const resp = await getRecommendApi(recommendSearchQuery.value)  
  if (resp.success) {  
    refresherTriggered.value = false  
   ....  
  }  
}
2024-11-08 11:01 负责人:无 分享
已邀请:

要回复问题请先登录注册