9***@qq.com

发布：2024-05-06 22:18
更新：2024-05-08 14:57
阅读：544

【报Bug】更新到4.14版本后vue3的css语法v-bind()在h5端编译失效，暂时还没测试小程序和app

分类：uni-app

bug已修复

产品分类： uniapp/H5

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： macOS14.4.1

HBuilderX类型：正式

HBuilderX版本号： 4.14

浏览器平台： Chrome

浏览器版本：版本 124.0.6367.61（正式版本） (x86_64)

项目创建方式： HBuilderX

示例代码：

export default {  
   computed: {  
       thresholdHeight() {  
           return '200rpx'  
       }  
   }  
}  

<style lang="scss">  
.active-bg{  
  height: v-bind(thresholdHeight);                            
}  
</style>

操作步骤：

vue3的css语法v-bind()在h5端编译失效

预期结果：

vue3的css语法v-bind()在h5端编译失效

实际结果：

vue3的css语法v-bind()在h5端编译失效

bug描述：

vue3的css语法v-bind()在h5端编译失效

2024-05-06 22:18 负责人:无分享

4 个回复

最佳回复

[已删除]

HBuilderX 4.15.2024050802 已修复。

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

好的呢，辛苦了～

2024-05-08 16:25

困难总比办法多

你4.08版本正常吗

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

之前都是正常的

2024-05-07 21:52

DCloud_uniCloud_WYQ

感谢反馈，css内使用v-bind设置rpx无效的问题会在4.15版本进行修复，即将发布

LGG233 - others

不是，css还能使用v-bind？

困难总比办法多

出来有一段时间了 vue3的新语法

2024-05-07 15:57

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

【报Bug】更新到4.14版本后vue3的css语法v-bind()在h5端编译失效，暂时还没测试小程序和app

示例代码：

`export default { computed: { thresholdHeight() { return '200rpx' } } } <style lang="scss"> .active-bg{ height: v-bind(thresholdHeight); } </style>`

操作步骤：

vue3的css语法v-bind()在h5端编译失效

预期结果：

vue3的css语法v-bind()在h5端编译失效

实际结果：

vue3的css语法v-bind()在h5端编译失效

bug描述：

4 个回复

公告

相关问题

【报Bug】更新到4.14版本后vue3的css语法v-bind()在h5端编译失效，暂时还没测试小程序和app

示例代码： export default { computed: { thresholdHeight() { return '200rpx' } } } <style lang="scss"> .active-bg{ height: v-bind(thresholdHeight); } </style>

操作步骤： vue3的css语法v-bind()在h5端编译失效

预期结果： vue3的css语法v-bind()在h5端编译失效

实际结果： vue3的css语法v-bind()在h5端编译失效

bug描述：

与内容相关的链接

4 个回复

公告

相关问题

示例代码：

`export default { computed: { thresholdHeight() { return '200rpx' } } } <style lang="scss"> .active-bg{ height: v-bind(thresholdHeight); } </style>`

操作步骤：

vue3的css语法v-bind()在h5端编译失效

预期结果：

vue3的css语法v-bind()在h5端编译失效

实际结果：

vue3的css语法v-bind()在h5端编译失效