uniapp onReachBottom不起效

于 2024-04-27 18:39:37 发布
阅读量212 收藏
点赞数 3
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52268321/article/details/138255230
版权
文章讲述了在项目中遇到的一个问题，即在使用swiper组件处理整个列表时遇到的某个bug，通过删除相关代码解决了问题，突出了前端开发中常见组件的应用与调试技巧。
摘要由CSDN通过智能技术生成

由于使用了整个列表使用了 swiper 组件
删掉了就好了
在这里插入图片描述

诚诚程程成
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp [全端兼容] - 详细实现列表上拉懒加载及“到底了“功能示例，数据列表下拉滑动页面触底后请求接口懒加载数据，自动计算分页/总条数、判断分页懒加载是否继续请求接口数据，以及数据没有了提醒！
王佳斌
10-07 3824
uni-app，h5移动端网页，微信小程序，支付宝小程序，Android安卓，苹果ios，app，nvue，列表，懒加载，触底加载，上拉页面触发加载，列表懒加载如何判断是否还需要继续请求接口，如何知道数据加载已经没有了停止继续请求，分页判断，列表滚动触底更新实现，页面滚动到底部后请求数据填充到data中，小程序上拉加载和下拉刷新，如何分页加载数据，实现上拉加载功能示例加载更多数据/触底加载/点击加载更多数据，数据分页请求，onReachBottom()，不生效，不触发的情况，列表下拉加载判断是否到底了，我是
uni-app无法触发onReachBottom事件
咬耳朵小布丁
06-25 2177
@uni-app onReachBottom只执行了一次 初级底部下拉刷新 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示； 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示； 全新的 KaTeX数学公式 语法； 增加了支持甘特图的mermaid语法
微信小程序：onReachBottom(),onPullDownRefresh()事件不触发的原因
Queen-Shir的博客
11-29 6068
onReachBottom()下拉触顶： 原因：页面上的内容没有超出文档的高度，当前页面没有滚动条，就不会触发上拉触底事件。上拉不了就不会触底。 此时可以用滚动监听事件代替。 onPageScroll:function(e){ console.log(e.scrollTop); if (e.scrollTop>=92){ ...... } ...
uni-app无法触发onReachBottom触底事件的解决方案
Esther_liew的博客
11-28 5153
uni-app在开发小程序时，无法触发onReachBottom触底函数，排除了页面配置/容器高度等问题，发现是容器设置了定位
onReachBottom不生效的原因（再骂自己一次）
weixin_53465412的博客
03-15 3653
onReachBottom和onPageScroll不生效，和普罗大众不一样的错法（55555555）
onreachbottom不执行
qq_32220479的博客
05-03 1244
小程序onreachbottom不执行 原因主要有两个：1.设置了页面高度，导致只能加载当前页，去掉页面高度 2.页面在创建时会自动创建一个没有任何输出的onreachbottom方法，与你自己创建的onreachbottom方法重复，导致自己创的方法被覆盖，删除其中一个即可，建议在创建页面之后将暂时用不到的方法全部删除，避免发生错误！！！ ...
onReachBottom不起效【已解决】
qq_44977477的博客
03-17 1万+
onReachBottom 废话不多说，本人的原因是溢出滚动的view设置了height，去掉即可（高度撑出来） 我设置的height为100%；检测不到onReachBottom， 在网上看了一些其他人的BUG 1. json中配置 “onReachBottomDistance”:50，（这个可能性不大，基本可以忽略） 2.下面写了相同的方法，将上的事件覆盖了 3.不能和scroll-view...
uniapp onreachbottom 不触发
06-28
可能是以下原因导致onreachbottom不触发： 1. 页面内容不够长，没有滚动条，无法触发onreachbottom事件。 2. onreachbottom事件绑定的元素不正确，需要确保绑定的元素是可以滚动的。 3. 页面中存在fixed或...
uniapp onreachbottom
10-23
onReachBottom是uniapp中的一个事件，当页面滚动到底部时触发。 当用户滚动页面至底部时，onReachBottom事件会被触发，开发者可以在该事件中编写相应的逻辑代码。例如，可以在onReachBottom事件中请求并加载更多的...
uniapp-抓娃娃-营销工具
08-11
【标题】"uniapp-抓娃娃-营销工具"是一个基于uniAPP框架开发的抓娃娃游戏应用，用于商业营销活动，可以吸引用户参与，提高互动性和趣味性。 【描述】"抓娃娃游戏"是一种常见的娱乐方式，它将线上游戏与实体奖品结合...
uniapp子组件onReachBottom、onPageScroll不触发
weixin_44294359的博客
01-18 1854
uniapp子组件onReachBottom不触发
微信小程序设置上拉触底事件onReachBottom()不生效，检查是不是自动生成的代码把自己写的代码覆盖掉了
weixin_54799350的博客
05-25 1050
如果调试发现事件未被触发，控制台也没有输出，检查当前页面的.js文件，自己写的函数和小程序开发者工具自动生成的代码是否重复的地方，删掉一处即可。创建项目时，微信小程序开发者工具会自动生成有关上拉触底事件的处理函数。
uniapp 解决onReachBottom失效
热门推荐
qq_43351090的博客
10-21 1万+
一、为什么失效？ 当给最外层view（container）设置overflow样式后，onReachBottom钩子不触发，去除overflow后，可触发，但存在某些样式问题。 .container{ height: 100vh; background-color: #F5F6FA; overflow: scroll; } 二、解决方案 1.去除overflow，直接修改page样式 page{ height: 100vh; background-color: #F5F6FA; }
【微信小程序页面出现onReachBottom不触发的情况】
最新发布
没落的博客
03-06 1777
无法触发的原因是：height设置为100vh,会导致滑动不会触底。修改一下css就会触发。
微信小程序上拉触底事件函数onReachBottom不触发的解决方案
wohenshenmi的博客
12-19 5556
在app.json或者本页的json文件中配置。属性，区别在于全局还是只在本页生效。每个页的js文件创建时自带。函数 不需要自己单独写。
微信小程序的onReachBottom无效
做你想做的人，没有时间的限制，只要愿意，什么时候都可以start。
03-07 2162
出现了一个问题，假如数据有100条，按10条进行分页。 在onReachBottom页面上拉触底事件时，页数+1，然后再请求数据进行拼接。 但是如果手机比较长，也就是说第一页的十条数据都没有挨着屏幕底线，那么这个onReachBottom方法就不会执行，使劲拉触底都没有用，跟死了一样。 怎么办？ 一个简单的方法，不要按10条分页，按20条即可。那么肯定超出底部，就这样就可以使用这个onRe...
uniapp中使用swiper无法触发触底生命周期onReachBottom
Pure_White520的博客
02-28 1095
使用swiper导致onReachBottom生命周期不会触发。 解决办法： 使用scroll-view的scrolltolower方法 具体使用： <swiper-item> <scroll-view scroll-y style="height: 100%;width: 100%;" @scrolltolower="ReachBottom"> 内容 </scroll-view> </swiper-item> ReachBottom(e){ c
onReachBottom没有触发？填坑之路
轻量开发
04-17 2122
最近搞微信小程序，遇到onReachBottom没有触发的问题。其他页面滑动到底部能触发onReachBottom。但是新搞的页面怎么设置都不行。百度各种方法都用上了。最后，我还是从引入组件排查。发现用<scroll-view/>就不会触发onReachBottom。经过查看api,发现此控件有自带的触发回调，bindscrolltolower就是触发底部回调的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值