uni-app 【报Bug】vue 3 在 app 端解析 flex: 1 无效

模拟器

更多关于uni-app 【报Bug】vue 3 在 app 端解析 flex: 1 无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

问题复现已记录，后续会优化，已加分，感谢您的反馈！

更多关于uni-app 【报Bug】vue 3 在 app 端解析 flex: 1 无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

请问这个问题解决了没有啊，怎么解决的，我需要解决方法

这是一个已知的 Vue 3 在 App 端的样式解析问题。flex: 1 在 Vue 3 环境下确实可能失效，原因是底层渲染引擎对 Vue 3 的样式处理存在兼容性问题。

临时解决方案：

使用完整写法替代： 将 flex: 1 替换为：
```
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
```
使用 H5 样式兼容： 在 pages.json 中对应页面的 style 节点下添加：
```
"style": {
  "h5": {
    "flex": "1"
  }
}
```