<view class="content" :class="{'dark':isDark}">
<image class="logo" src="/static/logo.png"></image>
<view class="text-area">
<text class="title">{{title}}</text>
</view>
<text class="title">{{title}}</text>
</view>
// 这个生效
.dark{
background: #0f172a;
}
// 这个不生效
.dark .text-area{
background: red;
}
// 这个不生效
.dark .title{
color:#fff;
}
自学的烦恼
- 发布：2022-09-11 21:30
- 更新：2024-08-18 11:31
- 阅读：570
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10 专业版 21H1 19043.985
HBuilderX类型： Alpha
HBuilderX版本号： 3.6.1
手机系统： Android
手机系统版本号： Android 7.0
手机厂商： 模拟器
手机机型： 模拟器、真机
页面类型： nvue
vue版本： vue3
打包方式： 离线
项目创建方式： HBuilderX
示例代码：
操作步骤：
demo已提供
demo已提供
预期结果：
父级动态修改class，下面组件的样式能更新到
父级动态修改class，下面组件的样式能更新到
实际结果：
父级动态修改class，下面组件的样式无法修改
父级动态修改class，下面组件的样式无法修改
yuncc
请问这个bug什么时候修复，现在HBuilder X正式版都已经3.6.18了 Alpha版已经3.7.0了 都这么久了还没有修复
2023-01-20 00:18
yuncc
我使用的nvue页面 vue3编译器 也遇到了这个bug 父元素动态class后子元素样式不生效
2023-01-20 00:21
yuncc
这个问题已经困扰我很久了 HBuilder X 已经更新了很多次了这个bug始终没有修复
2023-01-20 00:24
yuncc
使用nvue页面时 编译器为vue2时 一切很正常 但项目需要用到vue3 因为快
2023-01-20 00:26
yuncc
麻烦您给一个回复，谢谢！
2023-01-20 00:26
DCloud_UNI_WZF
回复 yuncc: 近期发版及开发任务较多，暂未处理该问题，修复后会在该贴回复
2023-01-20 11:41
yuncc
回复 DCloud_UNI_WZF: 感谢关注该问题，望官方及时解决此问题！
2023-01-22 21:14
牵风纸鸢
回复 DCloud_UNI_WZF: 我也是碰到一样的问题，哎
2023-03-09 08:08
牵风纸鸢
3.7.3.20230223 还是一样
2023-03-09 08:08
新新新
请问这个问题还没恢复么 ? 这也太难受了
2023-12-04 15:22