安装uni-app的uni-simple-router插件后 onReachBottom分页加载数据失效
安装uni-app的uni-simple-router插件后 onReachBottom分页加载数据失效
uni-simple-router 官方这个插件已经不推荐使用了,你从哪里下载的?
更多关于安装uni-app的uni-simple-router插件后 onReachBottom分页加载数据失效的实战教程也可以访问 https://www.itying.com/category-93-b0.html
官方哥,我作为作者一直在维护,为啥就推荐不使用了
回复 hhyang: 官方之前有这个插件,那你的名字应该不是"uni-"前缀的,搞混了。
回复 DCloud_UNI_CHB: 好的,文档在https://hhyang.cn/v2/
onReachBottom 生命周期触发了吗? 路由插件不会影响 页面数据加载
没有触发,将uni-simple-route卸载后就好了。你自己可以写个Demo测试一下
安装 uni-simple-router 后 onReachBottom 失效,通常是由于路由插件接管了页面滚动行为导致的。以下是常见原因和解决方案:
1. 检查页面结构
确保页面使用了 scroll-view 时,onReachBottom 可能失效。若使用了 scroll-view,需改用 @scrolltolower 事件替代。
2. 路由配置影响
uni-simple-router 可能修改了页面的滚动容器。在 pages.json 中检查当前页面是否配置了 "disableScroll": true,这会导致页面滚动失效。
3. 页面高度不足
onReachBottom 触发需要页面内容高度超出屏幕。可在页面 onLoad 后调用 uni.pageScrollTo 滚动测试,或添加临时内容撑高页面。
4. 路由插件配置冲突
检查 uni-simple-router 的初始化配置,尤其是 router 和 routerMount 是否影响了页面生命周期。尝试在 main.js 中调整插件加载顺序。
5. 使用兼容性方案 若上述无效,可改用监听页面滚动事件:
onPageScroll(e) {
if (e.scrollTop + window.innerHeight >= e.scrollHeight) {
this.loadMore()
}
}

