【报Bug】nvue 动态class 的伪类 :active 不生效

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： window 10 专业版

HBuilderX类型：正式

HBuilderX版本号： 3.4.6

手机系统： iOS

手机系统版本号： iOS 14

手机厂商：苹果

手机机型： iphone XR

页面类型： nvue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

复制代码<div class="btn" :class="canSubmit?'btnActive':''">  
                    <text class="btnText" :class="canSubmit?'btnTextActive':''">确认提交</text>  
                </div>  

.btnActive:active{  
        background-color: #005cbe;  
    }

bug描述：

nvue (vue 是否有问题不清楚) 为某个元素动态绑定了一个 class 类似 :class="visivle?'show':'hide'" 当我给show添加伪类 :active时是无效的

2022-05-25 16:24 负责人:无分享

1 个回复

FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ：543610866

nvue应该不支持

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

nvue 是支持：active 伪类的但是如果class名是动态的就失效了

2022-05-27 14:25
网赚项目大全

回复 1***@qq.com: 如何动态class

2022-11-08 10:08

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

【报Bug】nvue 动态class 的伪类 :active 不生效

示例代码：

复制代码`<div class="btn" :class="canSubmit?'btnActive':''"> <text class="btnText" :class="canSubmit?'btnTextActive':''">确认提交</text> </div> .btnActive:active{ background-color: #005cbe; }`

bug描述：

1 个回复

公告

相关问题

【报Bug】nvue 动态class 的伪类 :active 不生效

示例代码： 复制代码<div class="btn" :class="canSubmit?'btnActive':''"> <text class="btnText" :class="canSubmit?'btnTextActive':''">确认提交</text> </div> .btnActive:active{ background-color: #005cbe; }

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

复制代码`<div class="btn" :class="canSubmit?'btnActive':''"> <text class="btnText" :class="canSubmit?'btnTextActive':''">确认提交</text> </div> .btnActive:active{ background-color: #005cbe; }`