安装uni-app的uni-simple-router插件后 onReachBottom分页加载数据失效

安装uni-app的uni-simple-router插件后 onReachBottom分页加载数据失效

7 回复

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 的初始化配置,尤其是 routerrouterMount 是否影响了页面生命周期。尝试在 main.js 中调整插件加载顺序。

5. 使用兼容性方案 若上述无效,可改用监听页面滚动事件:

onPageScroll(e) {
  if (e.scrollTop + window.innerHeight >= e.scrollHeight) {
    this.loadMore()
  }
}
回到顶部