浩之铭
浩之铭
  • 发布:2024-07-28 22:57
  • 更新:2024-07-29 20:21
  • 阅读:189

【报Bug】vue2版本style样式编译不正常导致样式出错

分类:uni-app

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

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 4.24

第三方开发者工具版本号: 1.06.2402040

基础库版本号: 2.25.4

项目创建方式: HBuilderX

示例代码:

如下代码:编译后结果不正常

<view :style="[customStyle,{zIndex: uZindex -1}]"><view>
data(){  
 customStyle:{},  
uZindex:1000  
}

操作步骤:

随便写一个view 给其动态设置一个style样式
如下:

<view :style="[customStyle,{zIndex: uZindex -1}]"><view>  
<view :style="{zIndex: uZindex -1}"></view>
data(){  
 customStyle:{},  
uZindex:1000  
}

预期结果:

正常编译后应该是:
第一个应该编译为

<view style="z-index:999"></view>

第二个应该编译为:

<view style="z-index:999"></view>

实际结果:

第一个编译成了

<view style="z-index:999undefined"></view>

第二个编译成了

<view style="z-index:999;undefined"></view>

bug描述:

不知Hbuilder哪个版本开始,以前存量vue2版本的小程序项目运行正常的,后面重新发布后,发现出现穿透现象。(vue3未测试)
现象如下:
详见附件,所有东西都穿透了,导致发布后的线上项目全部样式出错。
经排查发现,是因为uniapp在编译后将style样式编译出错,会将正常的 sytle ="z-index:10074" 编译成 style = "z-index:10074undefined",最终导致样式不生效。

2024-07-28 22:57 负责人:无 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

我这测试没发现这个问题,你是哪个版本发现的?是4.24吗?

  • 浩之铭 (作者)

    是最新版本4.24的,问题比较奇怪,我又再次单独写了个项目都是正常的,然后在mp-weixin 节点中加了一些属性,多次鼓捣以后,现在就能稳定出现了,但是出现的原因未知,忘记是怎么鼓捣的了。我把现在出问题的demo工程放到下面了,麻烦您看下,感谢。

    2024-07-29 20:18

浩之铭

浩之铭 (作者)

出现问的demo如下:

浩之铭

浩之铭 (作者)

截图如下

要回复问题请先登录注册