yyyttt
yyyttt
  • 发布:2021-07-21 10:54
  • 更新:2021-07-21 10:54
  • 阅读:283

【报Bug】scroll-view 自定义下拉刷新的问题

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.1.22

浏览器平台: Chrome

浏览器版本: 91.0.4472.114

项目创建方式: HBuilderX

示例代码:
<scroll-view scroll-y="true" style="height: 400rpx;" refresher-enabled :refresher-triggered="triggered" @refresherrefresh="onRefresh">  
            <view>  
                scroll-view  
            </view><view>  
                scroll-view  
            </view><view>  
                scroll-view  
            </view><view>  
                scroll-view  
            </view><view>  
                scroll-view  
            </view><view>  
                scroll-view  
            </view><view>  
                scroll-view  
            </view><view>  
                scroll-view  
            </view>  
        </scroll-view>

——————————

triggered: false,
is_refreshing: false,

——————————

onRefresh(){
console.log('下拉刷新');
if(this.is_refreshing){
return;
}
this.is_refreshing = true;
if(!this.triggered){
this.triggered = true;
}
setTimeout(() => {
this.triggered = false;
this.is_refreshing = false;
}, 3000);
}

操作步骤:

按照代码实例运行起来之后,进行多次下拉刷新操作

预期结果:

每次进行下拉刷新都会触发 onRefresh 事件

实际结果:

只有第一次进行下拉刷新会触发 onRefresh 事件,之后不会触发

bug描述:

scroll-view的下拉刷新只会触发一次

2021-07-21 10:54 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复