- 发布：2020-11-06 15:45
- 更新：2023-06-09 11:54
- 阅读：4536
产品分类： 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这个生命周期。
2 个回复
f***@qq.com
感觉确实是这个问题，请官方关注
9***@qq.com
兄弟，有官方人员关注过你这个问题吗？