【报Bug】nvue 不能动态修改class Name

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Mac

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

HBuilderX类型：正式

HBuilderX版本号： 4.24

手机系统： Android

手机系统版本号： Android 13

手机厂商：三星

手机机型： Galaxy A51

页面类型： nvue

vue版本： vue3

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<view :class="{'active': tabType!=1}" @click="changeTab(0)"><text class="title">{{'修改登录密码'+tabType}}</text></view>
<view :class="{'active': tabType==1}" @click="changeTab(1)"><text v-else class="title">{{'设置支付密码'+tabType}}</text></view>

const tabType = ref(0)

const changeTab = (type)=>{
tabType.value = type
}

操作步骤：

<view :class="{'active': tabType!=1}" @click="changeTab(0)"><text class="title">{{'修改登录密码'+tabType}}</text></view>
<view :class="{'active': tabType==1}" @click="changeTab(1)"><text v-else class="title">{{'设置支付密码'+tabType}}</text></view>

const changeTab = (type)=>{
tabType.value = type
}

预期结果：

可以正常切换class

实际结果：

结果class 不能如期

bug描述：

更加Tab 点击选择，切换不同状态，结果状态值变了，class毫无变化，

2024-09-13 08:23 负责人:无分享

1 个回复

DCloud_UNI_yuhe

nvue在绑定class时，只支持数组语法

z***@gmail.com (作者)

感谢，已经解决

2024-09-25 23:51

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

【报Bug】nvue 不能动态修改class Name

预期结果：

可以正常切换class

实际结果：

结果class 不能如期

bug描述：

1 个回复

公告

相关问题

【报Bug】nvue 不能动态修改class Name

预期结果： 可以正常切换class

实际结果： 结果class 不能如期

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

预期结果：

可以正常切换class

实际结果：

结果class 不能如期