陌上华年
陌上华年
  • 发布:2023-02-22 22:21
  • 更新:2023-03-06 14:28
  • 阅读:776

【报Bug】vue3 不支持externalClasses

分类:uni-app

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

PC开发环境操作系统: Windows

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

HBuilderX类型: Alpha

HBuilderX版本号: 3.7.2

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

基础库版本号: 2.30.1

项目创建方式: HBuilderX

操作步骤:

子组件

<view class="l-class">test</view>
export default {    
externalClasses: ['l-class'],    
options: {virtualHost: true}  
}

父组件

<child l-class="custom" class="size" />
.custom {  
    color: red;  
}  
.size{  
    font-size: 28rpx  
}

预期结果:

生效

实际结果:

bug描述:

vue3 externalClasses 不生效

2023-02-22 22:21 负责人:DCloud_UNI_WZF 分享
已邀请:
DCloud_UNI_WZF

DCloud_UNI_WZF

问题确认,感谢反馈,已加分

DCloud_UNI_WZF

DCloud_UNI_WZF

临时解决方案:替换 HBuilderX/plugins/uniapp-cli-vite/node_modules/@dcloudio/uni-mp-compiler/dist/transforms/transformComponent.js 为附件文件
修改写法为

<child external:l-class="custom" class="size" />
  • 陌上华年 (作者)

    这个功能其它端支持吗?

    2023-03-06 15:04

  • DCloud_UNI_WZF

    回复 陌上华年: 仅微信小程序支持

    2023-03-06 15:08

  • 陌上华年 (作者)

    回复 DCloud_UNI_WZF: 查了一下文档,微信、支付宝、百度、QQ、京东、快应用这几个平台支持

    2023-03-06 15:39

  • DCloud_UNI_WZF

    回复 陌上华年: 该方案针对处理vue3小程序端 class 属性被编译问题,如果小程序支持 externalClasses,应该也是可以支持的

    2023-03-06 17:11

  • r***@163.com

    回复 DCloud_UNI_WZF: 请问什么时候上官方包呀?

    2023-03-17 11:42

  • DCloud_UNI_WZF

    回复 r***@163.com: 上述临时方案供有需求用户使用,但该方式和 vue2 有明显差异,目前没有计划作为官方支持方式正式推出

    2023-03-17 11:58

要回复问题请先登录注册