uni-app-微信小程序-onReachBottom-不生效

2023-06-28 约 152 字预计阅读 1 分钟

https://bing.ee123.net/img/rand?artid=131440059

uni-app 微信小程序 onReachBottom 不生效

问题描述：

uni-app 微信小程序，页面滑到底部，onReachBottom 没有生效

代码：

pages.json 配置

{
  "path": "",
  "style": { 
    "navigationBarTitleText": "列表",
    "onReachBottomDistance": 100 // 重点
  }
}

使用 onReachBottom 的页面:

import { onReachBottom } from '@dcloudio/uni-app'

onReachBottom(() => {
// 你的代码逻辑
if (parameters.value.current >= pages.value) { return }
parameters.value.current += 1
toSearch.value()
})

<style lang="scss" scoped>
.container {
min-height: 100.1vh; // 重点
overflow-y: scroll;
}
</style>

总结：

最外层容器设置 min-height: 100.1vh

目录

uni-app-微信小程序-onReachBottom-不生效

uni-app 微信小程序 onReachBottom 不生效