【报Bug】vue2 在css中使用v-bind 不起作用

分类：uni-app

bug反馈

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 4.33

第三方开发者工具版本号： 1.06.2409140

基础库版本号： 3.6.5

项目创建方式： HBuilderX

示例代码：

<template>  
  <view  class="main" style="height: 100px;">  

  </view>  
</template>  

<script>  
export default {  
  data() {  
    return {  
            background: 'red',  
    }  
  },  
}  
</script>  
<style>  
.main {  
    background: v-bind(background);  
}  
</style>

操作步骤：

代码示例有

预期结果：

显示红色

实际结果：

不显示

bug描述：

vue2不是已经支持了 CSS(v-bind)吗，为什么我的项目使用vue2 这样写不生效

2024-11-20 15:52 负责人:无分享

1 个回复

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题，如果艾特我没看到，请主动私信

CSS(v-bind) 是 Vue3 新特性，上述代码在 vue3 中才会生效

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

【报Bug】vue2 在css中使用v-bind 不起作用

示例代码：

`<template> <view class="main" style="height: 100px;"> </view> </template> <script> export default { data() { return { background: 'red', } }, } </script> <style> .main { background: v-bind(background); } </style>`

操作步骤：

代码示例有

预期结果：

显示红色

实际结果：

不显示

bug描述：

1 个回复

公告

相关问题

【报Bug】vue2 在css中使用v-bind 不起作用

示例代码： <template> <view class="main" style="height: 100px;"> </view> </template> <script> export default { data() { return { background: 'red', } }, } </script> <style> .main { background: v-bind(background); } </style>

操作步骤： 代码示例有

预期结果： 显示红色

实际结果： 不显示

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

`<template> <view class="main" style="height: 100px;"> </view> </template> <script> export default { data() { return { background: 'red', } }, } </script> <style> .main { background: v-bind(background); } </style>`

操作步骤：

代码示例有

预期结果：

显示红色

实际结果：

不显示