uniapp uni-segmented-control onReachBottom失效
时间: 2024-10-12 11:04:45 浏览: 34
SegmentedButton:适用于Android API 16+的带动画的分段ControlButton
uni-app的uni-segmented-control组件中的onReachBottom事件表示当滚动到底部时触发的回调函数。然而,如果你发现这个事件并未如预期那样在内容区域完全滚动到底部时触发,可能是以下几个原因:
1. 检查配置:确认`onReachBottom`属性是否已经正确地设置到你的`uni-segmented-control`上,并且事件处理器是否有效。
```html
<view class="segmented-control" @on-reach-bottom="handleBottomEvent">
<uni-segmented-control :options="options" />
</view>
```
2. 视图结构:确保`uni-segmented-control`下面有足够的内容可供滚动。如果没有足够的内容,该事件是不会触发的。
3. 其他滚动视图影响:如果有其他滚动视图遮挡了`uni-segmented-control`,并且它们先于它达到底部,那么`onReachBottom`事件可能不会触发。你需要确保`uni-segmented-control`是最后一个可滚动的元素。
4. 滚动高度计算:有时候浏览器的行为可能会导致滚动高度的计算不准确。你可以尝试手动测量滚动容器的高度并与可视区比较,看是否真的达到了底部。
如果以上排查都没有问题,还无法解决,可能是uni-app的某个版本更新中对事件处理有改动,建议查阅官方文档或更新到最新版看看是否修复了这个问题。
阅读全文