uni-app无法触发onReachBottom事件

我们经常会遇见列表;
但是今天却发现下拉的时候;
无法触发onReachBottom事件;
原来是因为列表内容嵌套出现问题;
导致onReachBottom事件无法被触发

记住:列表内容如果是组件;外层不需要再包裹一层

错误的嵌套,
组件外层嵌套导致无法触发onReachBottom事件;

<view class="list-cont">
  <list-room @click="gotode"></list-room>
  <list-room @click="gotode"></list-room>
  <list-room @click="gotode"></list-room>
  <list-room @click="gotode"></list-room>
  <list-room @click="gotode"></list-room>
  <list-room @click="gotode"></list-room>
  <list-room @click="gotode"></list-room>
  <list-room @click="gotode"></list-room>
</view>

解决办法

<list-room @click="gotode"></list-room>
<list-room @click="gotode"></list-room>
<list-room @click="gotode"></list-room>
<list-room @click="gotode"></list-room>
<list-room @click="gotode"></list-room>
<list-room @click="gotode"></list-room>
<list-room @click="gotode"></list-room>
<list-room @click="gotode"></list-room>

// 常用于上拉加载下一页数据。如使用scroll-view导致页面级没有滚动,则触底事件不会被触发
onReachBottom(){
  console.log("常用于上拉加载下一页数据")
  uni.showToast({
  title: '没有更多数据了',
  icon:'none',
  duration: 1000
   });
},
		
posted @   何人陪我共长生  阅读(18646)  评论(1编辑  收藏  举报
编辑推荐:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
阅读排行:
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 推荐几款开源且免费的 .NET MAUI 组件库
· 实操Deepseek接入个人知识库
· 易语言 —— 开山篇
· 【全网最全教程】使用最强DeepSeekR1+联网的火山引擎,没有生成长度限制,DeepSeek本体
点击右上角即可分享
微信分享提示