- 发布:2020-11-06 15:45
- 更新:2024-07-08 10:55
- 阅读:4876
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win7旗舰版
HBuilderX类型: 正式
HBuilderX版本号: 2.9.3
手机系统: 全部
手机厂商: 华为
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
测试过的手机:
操作步骤:
1.新建页面并配置
{
"path": "pages/tabbar/tab-1/tab-1",
"style": {
"onReachBottomDistance":500
}
},
- 页面中模拟滚动
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;
}
1.新建页面并配置
{
"path": "pages/tabbar/tab-1/tab-1",
"style": {
"onReachBottomDistance":500
}
},
- 页面中模拟滚动
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去加载下一屏数据
实际结果:
在页面距离底部500的范围内滚动时,将不会再次触发onReachBottom这个生命周期
在页面距离底部500的范围内滚动时,将不会再次触发onReachBottom这个生命周期
bug描述:
onReachBottom加载下一屏数据时,通过页面级的onReachBottomDistance设置加载时距离底部的距离,比如设置为: 300。那么如果快速滚动到底部,页面一直处于距离底部的距离小于300的范围内,此时将不会再触发onReachBottom这个生命周期。
3 个回复
f***@qq.com
感觉确实是这个问题,请官方关注
9***@qq.com
兄弟,有官方人员关注过你这个问题吗?
9***@qq.com
关注,我们也有这个问题,a滚动到底,跳到b,再回来,得往回滚,再触底,才能触发事件