uniapp onReachBottom不触发

在子组件里是不会触发的要写在父组件中

父组件中这样写：

<goods ref="goods"></goods>onReachBottom(){console.log('onReachBottom1111111111');if(this.$refs.goods){if(this.$refs.goods.status === 'loadmore') {this.$refs.goods.getNoSaleList();}}
}

然后子组件里添加样式

<style lang="scss" >page{height: auto !important}
</style>

在子组件里卡了半天，还以为是高度问题

看别的帖子说过，page{ height: 101%}可以解决，有写过样式的小伙伴也可以试试

pages.json 也可以加 onReachBottomDistance试试看（ onReachBottomDistance 默认是50）

"globalStyle": {"navigationBarTextStyle": "white","navigationBarTitleText": "","navigationBarBackgroundColor": "#1097FF","backgroundColor": "#1097FF","onReachBottomDistance": 200// "navigationStyle": "custom"
}

还有就是微信小程序写代码的 onReachBottom方法可能是自动生成的，有可能有两个onReachBottom方法。

查了那么久，大概可能出现的问题都写了。

有这些问题的小伙伴可以试试看

uniapp onReachBottom不触发相关推荐

uniapp onReachBottom 不触发
官网如果你在使用 onReachBottom 的时候没有触发,就看看那个页面有没有出现滚动条,没有就不会触发因为 view 没有高度(百分百也不行),然后就调用不到 onReachBottom 这 ...
uniapp onReachBottom不触发原因
onReachBottom onReachBottom:页面滚动到底部的事件(不是scroll-view滚到底),常用于下拉下一页数据. 遇到问题页面翻到下面触发一次之后就不再触发了解决保证根节 ...
微信小程序特殊布局下，页面上拉触底事件onReachBottom无法触发解决方法
一.js import fn from '../../utils/functions.js'; // 你自己封装的方法集 Page({data: {list: [],page: 1,loading: ...
uni-app 上拉加载函数 onReachBottom 不触发
记一次问题解决记录. 问题:uni-app 上拉加载函数不触发. 首先我已经在 pages.json 文件中配置了 enablePullDownRefresh 为 true,且配置正确. {" ...
uniapp页面不能触发onReachBottom事件
问题上拉加载下一页数据或列表不能触发onReachBottom事件原因: 1.使用scroll-view导致页面级没有滚动,则触底事件不会被触发 2.我们经常会遇见列表发现下拉的时候: 无法触发o ...
onReachBottom无法触发也不报错
最近写微信小程序的时候想用onReachBottom做个上拉刷新,写完以后却怎么都触发不了这个事件,所以到网上找了一圈解决方案,最终解决了.在这里总结一下. (1)index.js中onReachBo ...
微信小程序上拉触底事件函数onReachBottom不触发的解决方案
造成不触发的原因可能有以下几种情况配置属性问题高度问题滚动条不在顶部需要回到顶部重新计算高度 onReachBottom函数被覆盖 1.配置属性问题在app.json或者本页的json文件中 ...
onReachBottom不触发的原因
这几天在写小程序断断续续的记录下遇到的问题不触发的原因是在加载js的时候已经包括了这个方法如果多写了一次,就会覆盖掉,不触发可以通过分支语句进行判别,另外可以通过distance属性来实现一定 ...
uniapp onReachBottom 触底事件
onReachBottom 属于uniapp 钩子函数可以直接使用 onReachBottom 是触底函数是相对于整个页面,局部页面滚动不支持,请不要使用. 如果 onReachBottom 函数 ...

uniapp onReachBottom不触发

uniapp onReachBottom不触发相关推荐

最新文章

热门文章