- 发布：2021-12-23 13:29
- 更新：2021-12-23 15:30
- 阅读：415
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 11.4
HBuilderX类型： 正式
HBuilderX版本号： 3.3.2
手机系统： 全部
手机厂商： 华为
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
<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>
<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事件
多次（5-10次）下拉后，滚动到底部将不触发loadmore事件
预期结果：
多次下拉后，滚动到底部可以正常触发loadmore事件
多次下拉后，滚动到底部可以正常触发loadmore事件
实际结果：
多次下拉后，滚动到底部将不触发loadmore事件
多次下拉后，滚动到底部将不触发loadmore事件
bug描述：
nvue页面在waterfall中使用refresh后多次下拉会导致waterfall的@loadmore事件失效
2 个回复
DCloud_Android_DQQ
我试试 能否复现
DCloud_Android_DQQ
能否提供一个完整的可复现问题的代码
s***@163.com (作者)
目前已通过在底部创建一个元素的@appear来执行加载更多来解决问题，后续提供可复现代码
2021-12-23 16:30