![lishanjun](http://img-cdn-tc.dcloud.net.cn/uploads/avatar/000/19/22/41_avatar_mid.jpg?v=1733143207)
- 发布:2021-04-20 11:39
- 更新:2021-04-20 11:39
- 阅读:772
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.1.9
手机系统: Android
手机系统版本号: Android 7.1.1
手机厂商: OPPO
手机机型: OPPO Find X
页面类型: nvue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
<waterfall
column-count="columnCount"
column-width="columnWidth"
column-gap="columnGap"
left-gap="leftGap"
right-gap="rightGap"
show-scrollbar="false"
alwaysScrollableVertical
enableBackToTop="enableBackToTop"
offsetAccuracy="offsetAccuracy"
loadmoreoffset="loadmoreoffset"
@loadmore="loadMore"
>
<refresh class="refresh" :display="refreshing ? 'show' : 'hide'" @refresh="onrefresh" @pullingdown="onpullingdown">
<div class="refresh-view">
<image class="refresh-icon" :src="refreshIcon" :style="{width: (refreshing || pulling) ? 0: '32px'}" :class="{'refresh-icon-active': refreshFlag}"></image>
<text class="loading-text">{{refreshText}}</text>
</div>
</refresh>
<cell>
<view><text>111</text></view>
</cell>
</waterfall>
>
<refresh class="refresh" :display="refreshing ? 'show' : 'hide'" @refresh="onrefresh" @pullingdown="onpullingdown">
<div class="refresh-view">
<image class="refresh-icon" :src="refreshIcon" :style="{width: (refreshing || pulling) ? 0: '32px'}" :class="{'refresh-icon-active': refreshFlag}"></image>
<text class="loading-text">{{refreshText}}</text>
</div>
</refresh>
<cell>
<view><text>111</text></view>
</cell>
</waterfall>
操作步骤:
加载瀑布流列表,执行下拉操作,会触发@loadmore
加载瀑布流列表,执行下拉操作,会触发@loadmore
预期结果:
希望和list组件保持一致,下拉触发refresh组件@refresh,上拉加载更多才触发@loadmore
希望和list组件保持一致,下拉触发refresh组件@refresh,上拉加载更多才触发@loadmore
实际结果:
加载瀑布流列表,执行下拉操作,会触发@loadmore
加载瀑布流列表,执行下拉操作,会触发@loadmore
bug描述:
waterfall组件下拉刷新会触发loadmore事件而不触发refresh组件的refresh事件!
list组件正常
0 个回复