陌上华年
陌上华年
  • 发布:2023-03-05 14:02
  • 更新:2023-04-03 14:49
  • 阅读:430

【报Bug】vue3 微信小程序 mergeVirtualHostAttributes的class合并问题

分类:uni-app

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

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win11

HBuilderX类型: 正式

HBuilderX版本号: 3.7.6

第三方开发者工具版本号: Rc1.06.2212011

基础库版本号: 2.30.1

项目创建方式: HBuilderX

操作步骤:

自定义组件并开启 mergeVirtualHostAttributes:ture<br>并所有子组件使用virtualHost

export default {        
options: {virtualHost: true}    
}

页面 -- 合并custom 生效

<child class="custom"/>
.custom {  
color: red  
}

子组件 child -- 合并l-toast__icon--row 样式并未生效

<view>  
     <sub-child  class="l-toast__icon--row" />  
</view>
.l-toast__icon--row{  
color: blue  
}

子子组件 sub-child

<view>test</view>

预期结果:

子组件引入的sub组件也能合并class并生效

实际结果:

并未生效

bug描述:

在页面上引用自定义组件可以合并class,但在自定义组件里再引入自定义组件能合并class,但样式并不生效。

2023-03-05 14:02 负责人:无 分享
已邀请:
DCloud_UNI_GSQ

DCloud_UNI_GSQ

猜测成因:默认组件间样式是styleIsolation: 'apply-shared',仅页面样式能影响组件,组件之间互相不影响
后续会考虑一下方案

要回复问题请先登录注册