9***@qq.com
9***@qq.com
  • 发布:2024-09-26 20:02
  • 更新:2024-11-22 11:58
  • 阅读:281

命令行式uniapp+vue3中使用onPageScroll无效

分类:uni-app

环境:命令行式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% 都试过了 都是不触发

2024-09-26 20:02 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com

请问解决了吗 我也遇到这个问题了 /哭

要回复问题请先登录注册