月圆
月圆
  • 发布:2020-11-06 15:45
  • 更新:2024-07-08 10:55
  • 阅读:4876

页面级的onReachBottomDistance设置加载时距离底部的距离,比如设为:500,在小于500范围内不触发onReachBottom

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win7旗舰版

HBuilderX类型: 正式

HBuilderX版本号: 2.9.3

手机系统: 全部

手机厂商: 华为

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

测试过的手机:

Redmi Note8

操作步骤:

1.新建页面并配置

 {  
            "path": "pages/tabbar/tab-1/tab-1",  
            "style": {  
                "onReachBottomDistance":500  
            }  
        },
  1. 页面中模拟滚动
    template部分:
    <view class="item" v-for="(item, index) in list" :key="index"> 00 </view>

js部分:

data() {  
        return {  
            test: '',  
            list: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]  
        };  
    },  
    onReachBottom() {  
        console.log("1000000");  
        this.list = this.list.concat([0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]);  
    },

css部分:

.item{  
    height: 100rpx;  
}

预期结果:

当距离底部500的范围内,均可再次触发onReachBottom去加载下一屏数据

实际结果:

在页面距离底部500的范围内滚动时,将不会再次触发onReachBottom这个生命周期

bug描述:

onReachBottom加载下一屏数据时,通过页面级的onReachBottomDistance设置加载时距离底部的距离,比如设置为: 300。那么如果快速滚动到底部,页面一直处于距离底部的距离小于300的范围内,此时将不会再触发onReachBottom这个生命周期。

2020-11-06 15:45 负责人:无 分享
已邀请:
f***@qq.com

f***@qq.com

感觉确实是这个问题,请官方关注

9***@qq.com

9***@qq.com

兄弟,有官方人员关注过你这个问题吗?

9***@qq.com

9***@qq.com

关注,我们也有这个问题,a滚动到底,跳到b,再回来,得往回滚,再触底,才能触发事件

要回复问题请先登录注册