如下代码：编译后结果不正常
复制代码<view :style="[customStyle,{zIndex: uZindex -1}]"><view>
复制代码data(){
customStyle:{},
uZindex:1000
} 
浩之铭
- 发布：2024-07-28 22:57
- 更新：2024-07-29 20:21
- 阅读：263
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win11
HBuilderX类型： 正式
HBuilderX版本号： 4.24
第三方开发者工具版本号： 1.06.2402040
基础库版本号： 2.25.4
项目创建方式： HBuilderX
示例代码：
操作步骤：
随便写一个view 给其动态设置一个style样式
如下：
复制代码<view :style="[customStyle,{zIndex: uZindex -1}]"><view>
<view :style="{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:999"></view>
第二个应该编译为：
复制代码<view style="z-index:999"></view> 实际结果：
第一个编译成了
复制代码<view style="z-index:999undefined"></view>
第二个编译成了
复制代码<view style="z-index:999;undefined"></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"，最终导致样式不生效。
浩之铭 (作者)
是最新版本4.24的，问题比较奇怪，我又再次单独写了个项目都是正常的，然后在mp-weixin 节点中加了一些属性，多次鼓捣以后，现在就能稳定出现了，但是出现的原因未知，忘记是怎么鼓捣的了。我把现在出问题的demo工程放到下面了，麻烦您看下，感谢。
2024-07-29 20:18