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 {
	height: 100%;
	min-height: 100.1vh; // 重点
	overflow-y: scroll;
}
</style>

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

猜你喜欢

转载自blog.csdn.net/xiamoziqian/article/details/131440059