【报Bug】vue3模式下app.vue中v-bind-in-css效果不生效

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 4.36

浏览器平台： Chrome

浏览器版本：谷歌最新

项目创建方式： HBuilderX

示例代码：

<script setup lang="ts">
import { onHide, onLaunch, onShow } from '@dcloudio/uni-app';
import { ref } from 'vue';

onLaunch(() => {
console.log('App Launch');
});
onShow(() => {
// console.log('App Show');
});
onHide(() => {
// console.log('App Hide');
});
const com = ref({
height: '100rpx'
});
</script>
<style lang="scss"> root { --body-height: calc(100vh - var(--window-top) - var(--window-bottom));
--height: v-bind(com.height);
}
</style>

语法参考与vue3官网：https://cn.vuejs.org/api/sfc-css-features#v-bind-in-css
但是css无法读取ref变量中的数值
具体效果

2024-12-26 09:20 负责人:无分享

要回复问题请先登录或注册