问题
在写uni-app时遇到这个问题,查询网上多个方法
设置了"onReachBottom":50,也没有重新定义onReachBottom,不是函数被覆盖的问题,还是没能解决
//pages.json
"style": {
"onReachBottomDistance": 50
}
import { onReachBottom } from '@dcloudio/uni-app';
看到有人说使用scroll-view会影响onReachBottom,可我写的文件页面里也没有scroll-view
解决方法
在运行页面检查wxml页面结构,我发现了页面有scroll-view嵌套,这个scroll-view是怎么来的呢?
原来是我写的文件页面其实是index里使用到的组件,index页面有scroll-view包裹了所有内容,这个scroll-view还是我上个星期写的···居然忘记了
在删掉scroll-view的使用后,onReachBottom就能正常使用,多次触发了
至于删去scroll-view后的问题,因为原本使用scroll-view是为了写返回顶部,下滑到一定高度出现返回顶部按钮
这个按钮我找到了别的方法去实现,参考这篇文章:
ps:其实scroll-view有它自己的自定义下拉刷新,但官方说其性能不及pages.json中配置的原生下拉刷新