1***@qq.com

发布：2022-01-17 15:29
更新：2022-01-17 19:54
阅读：505

【报Bug】 vue3 获取可用高度有问题

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 20H2

HBuilderX类型：正式

HBuilderX版本号： 3.3.5

手机系统： Android

手机系统版本号： Android 11

手机厂商：华为

手机机型：荣耀v30pro

页面类型： vue

vue版本： vue3

打包方式：云端

项目创建方式： HBuilderX

示例代码：

</template>
<script>

export default {  

    data() {  
        return {  

        }  
    },  
    computed: {  

    },  
    onReady() {  

        console.log("可使用窗口高度"+uni.getSystemInfoSync().windowHeight);  

    },  
    methods: {  

    }  

}

</script>

操作步骤：

使用vue3打印uni.getSystemInfoSync().windowHeight
pages.js 设置分别设置 "navigationStyle": "custom" 和 "navigationStyle": "default"

预期结果：

获取高度不一致

实际结果：

获取高度一致

bug描述：

uni.getSystemInfoSync().windowHeight 获取可用高度不管是否禁用导航栏都是返回同一高度

2022-01-17 15:29 负责人:无分享

1 个回复

DCloud_UNI_Anne

未复现此问题，请升级至HBuilder X 3.3.8-alpha试下

1***@qq.com (作者)

我这边真机上必现，h5正常的

2022-01-18 08:55
DCloud_UNI_Anne

回复 1***@qq.com: Redmi K40真机测试正常，试下使用其他设备是否正常？

2022-01-18 11:10

该问题目前已经被锁定, 无法添加新回复

【报Bug】 vue3 获取可用高度有问题

示例代码：

<template>

</template>
<script>

`export default { data() { return { } }, computed: { }, onReady() { console.log("可使用窗口高度"+uni.getSystemInfoSync().windowHeight); }, methods: { } }`

</script>

<style lang="scss">
page {
background-color: #f7f7f8;
}
</style>

操作步骤：

使用vue3打印uni.getSystemInfoSync().windowHeight
pages.js 设置分别设置 "navigationStyle": "custom" 和 "navigationStyle": "default"

预期结果：

获取高度不一致

实际结果：

获取高度一致

bug描述：

1 个回复

公告

相关问题

【报Bug】 vue3 获取可用高度有问题

示例代码： <template> </template> <script> export default { data() { return { } }, computed: { }, onReady() { console.log("可使用窗口高度"+uni.getSystemInfoSync().windowHeight); }, methods: { } } </script> <style lang="scss"> page { background-color: #f7f7f8; } </style>

操作步骤： 使用vue3打印uni.getSystemInfoSync().windowHeight pages.js 设置 分别设置 "navigationStyle": "custom" 和 "navigationStyle": "default"

预期结果： 获取高度不一致

实际结果： 获取高度一致

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

<template>

</template>
<script>

`export default { data() { return { } }, computed: { }, onReady() { console.log("可使用窗口高度"+uni.getSystemInfoSync().windowHeight); }, methods: { } }`

</script>

<style lang="scss">
page {
background-color: #f7f7f8;
}
</style>

操作步骤：

使用vue3打印uni.getSystemInfoSync().windowHeight
pages.js 设置分别设置 "navigationStyle": "custom" 和 "navigationStyle": "default"

预期结果：

获取高度不一致

实际结果：

获取高度一致