AI 助理
备案控制台
开发者社区 云计算 文章 正文

微信小程序无法触发onReachBottom的解决方案

2024-08-19 373
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 这篇文章提供了解决微信小程序中`onReachBottom`事件无法触发的问题的方案。问题的原因可能是`onReachBottom`方法重复，解决方案是删除系统自动生成的该方法。

项目场景：

商品数据过多时，一页数据展示不完全。在浏览商品到触发底部的时候，需要加载新的商品数据。

问题描述

无法触发onReachBottom的事件

  //页面上滑，滚动条触底事件
  onReachBottom() {
    if (this.QueryParams.pagenum >= this.totalPages) {
      //没有下页数据
      wx.showToast({ title: '没有下一页数据' });
    } else {
      //还有下页数据
      this.QueryParams.pagenum++;

    }

  },

原因分析：

onReachBottom 方法重复

解决方案：

删除系统自动生成的该方法

文章标签：
小程序
关键词：
微信小程序解决方案
微信解决方案
微信小程序onreachbottom
微信小程序触发
微信触发
热爱技术的小郑
目录
相关文章
邹荣乐
|
1月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序：四大解决方案，轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序：四大解决方案，轻松应对主包与vendor.js过大打包难题
邹荣乐
652 1
北桥苏
|
15天前
|
小程序 机器人 开发者
QQ 小程序已发布，但无法被搜索的解决方案
我的 QQ 小程序在 2024 年 8 月就已经审核通过，上架后却一直无法被搜索到。打开后，再在 QQ 上下拉查看 “最近使用”，发现他出现一下又马上消失。
北桥苏
30 2
邹荣乐
|
1月前
|
缓存 小程序 索引
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
邹荣乐
206 1
赣州云智科技的技术铺子
|
1月前
|
机器学习/深度学习 人工智能 JSON
微信小程序原生AI运动（动作）检测识别解决方案
近年来，疫情限制了人们的出行，却推动了“AI运动”概念的兴起。AI运动已在运动锻炼、体育教学、线上主题活动等多个场景中广泛应用，受到互联网用户的欢迎。通过AI技术，用户可以在家中进行有效锻炼，学校也能远程监督学生的体育活动，同时，云上健身活动形式多样，适合单位组织。该方案成本低、易于集成和扩展，已成功应用于微信小程序。
赣州云智科技的技术铺子
56 2
Codelinghu
|
1月前
|
小程序 Java
小程序访问java后台失败解决方案
小程序访问java后台失败解决方案
Codelinghu
44 2
万少！
|
1月前
|
JSON 小程序 前端开发
微信小程序-人脸核身解决方案
微信小程序-人脸核身解决方案
万少！
182 0
diygwcom
|
1月前
|
云安全 存储 小程序
PHP微信小程序解决方案PhpMall
PHP微信小程序解决方案PhpMall
diygwcom
41 0
Codelinghu
|
1月前
|
小程序
微信小程序之weui.wxss不能引用查找的解决方案
微信小程序之weui.wxss不能引用查找的解决方案
Codelinghu
60 0
邹荣乐
|
1月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
邹荣乐
533 7
yuanzhengme
|
1月前
|
小程序 前端开发 测试技术
微信小程序的开发完整流程是什么？
微信小程序的开发完整流程是什么？
yuanzhengme
115 7

热门文章

最新文章

  • 1
    小程序审核常见驳回类型
  • 2
    【小程序开发】uniapp引入iconfont图标及使用方式
  • 3
    笑联 x mPaaS | 12 个模块，全面小程序化，如何打造真正的一次开发复用多端？
  • 4
    科普：App、H5和小程序是什么？
  • 5
    小程序云开发联表数据查询以及云函数中的应用
  • 6
    大转盘抽奖小程序源码
  • 7
    基于mpvue的小程序项目搭建的步骤
  • 8
    【易售小程序项目】小程序首页完善（滑到底部数据翻页、回到顶端、基于回溯算法的两列数据高宽比平衡）【后端基于若依管理系统开发】
  • 9
    小程序项目结构与组件基础
  • 10
    小程序使用canvas制作beas64图片
  • 1
    微信小程序用户登陆和获取用户信息功能实现
    118
  • 2
    uniapp-微信小程序-上拉和下拉触底刷新
    147
  • 3
    微信小程序和springboot实现微信支付
    231
  • 4
    微信小程序-微信支付
    70
  • 5
    微信小程序调试、断点调试
    182
  • 6
    微信小程序-分包
    68
  • 7
    开发uniapp过程中对app、微信小程序与h5的webview调试
    1148
  • 8
    微信小程序echart图片不显示 问题解决
    62
  • 9
    UniApp与微信小程序介绍及区别
    588
  • 10
    微信小程序开发工具的使用，各个配置文件详解，小程序开发快速入门（二）
    563

    • 相关课程

    更多
  • IoT小程序框架课程

    • 相关电子书

    更多
  • 《云市场-小程序》
  • 数字乡村建设方案
  • mPaaS 小程序新品发布

    • 相关实验场景

    更多
  • 搭建微信小程序（AMD 8代）
  • 1分钟SAE部署Web在线游戏
  • 搭建微信小程序
  • 1分钟SAE部署PHP商城小程序
  • 收银台的场景化界面实践
  • 阿里云IoT小程序应用开发和组件实践
    • 下一篇
    无影云桌面