uniapp uni-load-more 不触发onReachBottom
时间: 2024-10-12 08:05:04 浏览: 36
uniapp-table中改版uni-table插件
uni-app 的 `uni-load-more` 是一款用于分页加载数据的组件,当内容滚动到页面底部时会自动加载更多数据。如果遇到 `uni-load-more` 没有触发 `onReachBottom` 事件的情况,可能是以下几个原因:
1. **配置错误**:检查你的组件是否正确设置了 `@reach-bottom="loadMoreData"`,这是绑定事件的地方,确保它已经有效。
```html
<uni-load-more :total="total" @reach-bottom="loadMoreData"></uni-load-more>
```
2. **数据状态**:确认 `total` 或 `page` 等关联的数据属性已经被正确更新,`uni-load-more` 触发条件依赖于这些值。
3. **滚动高度限制**:有可能是你在组件内部阻止了滚动穿透,导致无法检测到底部边界。确保 `scroll-view` 或其他包含滚动容器的元素设置允许滚动。
4. **组件未挂载**:确保 `loadMoreData` 函数是在组件渲染完成后调用的,因为只有在页面可见并且组件已经挂载时才会触发。
5. **回调函数错误**:检查 `loadMoreData` 函数是否有误,看是否有语法错误或者逻辑问题影响了事件的响应。
阅读全文