html52.com
我爱小程序-开发者交流社区

自定义组件渲染到页面模板后出现两个 class 名

问题模块 框架类型 问题类型 终端类型 微信版本 基础库版本
框架 小程序 Bug 工具 1.02.1809111 2.2.3~2.3.0

在使用自定义组件时,当开启全局样式类(addGlobalClass = true)时,渲染到页面模板的自定义组件出现双重 class 名


- 当前 Bug 的表现(可附上截图)

开启全局样式类时:

开启全局样式类时:关闭全局样式类时:


关闭全局样式类时:

关闭全局样式类时:- 预期表现


- 预期表现

正常情况下应该是一个 class 名吧,因为全局样式类是小程序基础库版本 2.2.3 才开始支持的,2.2.3以上的这几个版本看到的都是这样的情况,应该算是个 bug 吧


- 复现路径

随便创建一个自定义组件并开启全局样式类就会出现


网友回复

黄思程:

原本自定义组件为了能达到 shadow dom 的效果,每个class都会做前缀化处理的,但是工具里不会显示出前缀。然后你开了这个 option,就会在追加一个没带前缀的 class,在工具里仍然会显示成没前缀的样子。所以实际上是 xxxx-classname classname,在工具里显示成 classname classname,这是正常的。这里只是工具显示的问题,后续这里会优化下显示。

微笑向暖:

遇到了同样的问题

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付