环境:命令行式uniapp,vue3组合式api,微信小程序
代码复现
<script setup>
import { onPageScroll, onReachBottom } from "@dcloudio/uni-app";
onReachBottom(() => {
console.log("触底"); // 触发
});
onPageScroll((e) => {
console.log("滚动距离为:" + e.scrollTop); // 不触发
});
</script>
<template>
<view class="main">
<!-- ...................... -->
</view>
</template>
<style scoped lang="scss">
.main {
width: 100%;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
padding: 0 20rpx;
}
</style>
main盒子不设置样式,高度为auto,高度为100% 都试过了 都是不触发
1 个回复
1***@qq.com
请问解决了吗 我也遇到这个问题了 /哭