s***@163.com
s***@163.com
  • 发布:2021-12-23 13:29
  • 更新:2021-12-23 15:30
  • 阅读:358

【报Bug】nvue页面在waterfall中使用refresh后多次下拉会导致waterfall的@loadmore事件失效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

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

HBuilderX类型: 正式

HBuilderX版本号: 3.3.2

手机系统: 全部

手机厂商: 华为

页面类型: nvue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

测试过的手机:

华为、小米、iphoneX

示例代码:
<template>  
    <waterfall @scroll="onListScroll" :loadmoreoffset="200" @loadmore="loadMore()" :column-gap="8" :left-gap="15" :right-gap="13" :show-scrollbar="false" column-count="2">  
                <!--下拉刷新-->  
        <refresh @pullingdown="onpullingdown" @refresh="reload()" :display="refreshing?'show':'hide'">   
            <text class="refresh_text">{{refresh}}</text>  
        </refresh>  
    </waterfall>  
</template>  

操作步骤:

多次(5-10次)下拉后,滚动到底部将不触发loadmore事件

预期结果:

多次下拉后,滚动到底部可以正常触发loadmore事件

实际结果:

多次下拉后,滚动到底部将不触发loadmore事件

bug描述:

nvue页面在waterfall中使用refresh后多次下拉会导致waterfall的@loadmore事件失效

2021-12-23 13:29 负责人:DCloud_Android_DQQ 分享
已邀请:
DCloud_Android_DQQ

DCloud_Android_DQQ

我试试 能否复现

DCloud_Android_DQQ

DCloud_Android_DQQ

能否提供一个完整的可复现问题的代码

  • s***@163.com (作者)

    目前已通过在底部创建一个元素的@appear来执行加载更多来解决问题,后续提供可复现代码

    2021-12-23 16:30

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