小程序 Page自定义：onReachBottom 函数不执行

最新推荐文章于 2024-03-06 10:40:44 发布
最新推荐文章于 2024-03-06 10:40:44 发布
阅读量1k 收藏 1
点赞数
分类专栏： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32849999/article/details/99829798
版权

如果你的页面没有充满屏幕是不会触发这个函数的！

所以最好的办法就是把最外层的view的height属性设置为100%！

 

包淼淼
关注
专栏目录
小程序自定义组件
CaBCo的博客
04-03 889
小程序App, Page, Component 交互
微信小程序自定义长列表实现下拉刷新上拉加载
FVZ的博客
01-31 934
之前写项目遇到要用长列表由于数据量比较多所以就优先考虑小程序原生的组件 微信小程序官方提供了recycle-view长列表组件（长列表组件）但是给的实例不是很清楚，所以就自己写了一个 index.js import request from '../../../utils/request' Page({ /** * 页面的初始数据 */ data: { start: 1, //起始页 pageSize: 10, //每页的数据 dataList: [], //
onreachbottom不执行
qq_32220479的博客
05-03 1304
小程序onreachbottom不执行 原因主要有两个：1.设置了页面高度，导致只能加载当前页，去掉页面高度 2.页面在创建时会自动创建一个没有任何输出的onreachbottom方法，与你自己创建的onreachbottom方法重复，导致自己创的方法被覆盖，删除其中一个即可，建议在创建页面之后将暂时用不到的方法全部删除，避免发生错误！！！ ...
小程序onreachbottom不执行
热门推荐
为啥不能换名字的博客
08-20 2万+
今天写一个列表页遇到一个问题  不管我怎么加载更多就是不触发onreachbottom这个触底事件 先说说页面布局吧 上边筛选条件定位的下边合计定位的 我中间列表 .list-box{ width:100%; height:80%; overflow-y:scroll; position:absolute; top:110rpx; } 解决方法：因为一句样式问题 去掉hei...
uni-app onreachbottom不执行
暗透了更能看到星光
10-24 5284
在uni-app中如果对view设置height和局部滚动 onreachbottom不执行
onReachBottom不生效的原因（再骂自己一次）
weixin_53465412的博客
03-15 3814
onReachBottom和onPageScroll不生效，和普罗大众不一样的错法（55555555）
【微信小程序页面出现onReachBottom不触发的情况】
最新发布
没落的博客
03-06 2299
无法触发的原因是：height设置为100vh,会导致滑动不会触底。修改一下css就会触发。
微信小程序 详解Page中data数据操作和函数调用
08-31
本文将深入探讨 `Page` 中的 `data` 数据操作和函数调用，帮助开发者更好地理解和掌握微信小程序的开发技巧。 首先，我们来看 `Page` 的基本结构。在 `index.js` 文件中，`Page` 接受一个对象参数，这个对象包含了...
微信小程序自定义导航栏
10-30
微信小程序提供了丰富的API和事件，如`wx.setNavigationBarTitle`用于动态修改导航栏标题，`wx.hideNavigationBarLoading`和`wx.showNavigationBarLoading`控制加载指示器的显示，以及`onReachBottom`事件，可以监听...
小程序3D轮播图与自定义滚动条
05-21
- **原因**：微信小程序默认的滚动条样式可能不符合设计需求，因此需要自定义滚动条来增强视觉效果。 - **实现方法**： 1. 在`wxss`中，利用`::-webkit-scrollbar`和`::-webkit-scrollbar-thumb`伪元素来定义滚动...
小程序onreachbottom不执行事件
z1518089112的专栏
03-03 310
wxml文件中使用了<scroll-view >
小程序上拉加载onReachBottom不触发
wy_Blog的博客
10-26 620
1、检查配置对应的config配置文件 export default { enablePullDownRefresh: true, } 2、查看是否有重复的onReachBottom 被覆盖 3、css页面高度height去除 .skuBuyFeed { background-color: #121212; width: 100vw; // height: 100vh; padding-top: 80px; overflow-y: auto; } ...
小程序 onReachBottom方法
qq_19716091的博客
10-12 1187
微信文档 官方说明 可以通过此方法实现Ajax流加载 data: { list: [], p: 1, flow: true, loaded: true, }, onReachBottom: function () { var flow = that.data.flow; var loaded = that.data.loaded; if (!(flow && loaded)) { return false; } var p = that.da
微信小程序——onReachBottom上拉分页
qq_43201350的博客
01-23 636
思路 * onReachBottom (触底事件) * 1 判断当前页码是否大于等于总页数 * 2 如果否，当前页码++ * 3 重新请求页面数据接口 onReachBottom() { // 判断当前页码是否大于总页数 if (this.params.pagenum >= this.totalPages) { wx.showToast({ title: '没有下一页数据！', icon: 'n
小程序onReachBottom上拉触底/下拉刷新没有反应问题（日常踩坑）
pirs123的博客
07-11 2511
今天踩了一个坑，因为改之前同事写的页面，新功能需要用到上拉刷新获取更多数据，当我加上onReachBottom时不管怎么上拉都没有效果后来发现给了整个页面固定高度，这就导致onReachBottom不触发了，其实还有很多导致onReachBottom不触发的，比如使用scroll-view处理不当也会导致onReachBottom不执行。虽然onReachBottom是自带的方法但是一定要写在methods里面才会触发的噢。下面是去掉固定高度的效果，触发了！
微信小程序设置上拉触底事件onReachBottom()不生效，检查是不是自动生成的代码把自己写的代码覆盖掉了
weixin_54799350的博客
05-25 1111
如果调试发现事件未被触发，控制台也没有输出，检查当前页面的.js文件，自己写的函数和小程序开发者工具自动生成的代码是否重复的地方，删掉一处即可。创建项目时，微信小程序开发者工具会自动生成有关上拉触底事件的处理函数。
微信小程序上拉触底事件函数onReachBottom不触发的解决方案
qq_43447509的博客
08-01 1万+
造成不触发的原因可能有以下几种情况 配置属性问题 高度问题 滚动条不在顶部 需要回到顶部重新计算高度 onReachBottom函数被覆盖 1.配置属性问题 在app.json或者本页的json文件中配置onReachBottomDistance属性，区别在于全局还是只在本页生效 2.高度问题 //设置容器高度为100% page{ height: 100% } 3. 切换页面时 滚动条滚回到顶部 //切换页面时调用API wx.pageScrollTo({ scrollTop: 0 }) 4.
微信小程序（小程序生命周期、运行机制、场景值）&&微信小程序（页面生命周期）&&微信小程序（页面用户行为）
weixin_45281192的博客
11-27 767
页面构造/注册器Page() 宿主环境提供了 Page() 构造器用来注册小程序页面 Page()在页面脚本page.js中调用，Page() 的调用方式如下所示 Page构造器接受一个Object参数 data属性是当前页面的初始数据 onLoad、onReady、onShow、onHide、onUnload ，这5个回调是Page页面实例的生命周期函数，即页面生命周期 onPullDownR...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值