uni-app 5+ app mui.picker 在IOS 出现兼容性问题

在 uni-app 5+ App 中使用 mui.picker 在 iOS 上出现兼容性问题，通常是由于 mui 框架与 uni-app 的渲染机制或 iOS 系统版本差异导致的。以下是常见原因及解决方案：

1. mui.picker 初始化时机问题
   iOS 对 DOM 操作较敏感，若在页面未完全渲染时初始化 picker，可能导致显示异常。
   解决：将初始化代码放入 mounted 或 onReady 生命周期中，确保 DOM 已渲染。

2. CSS 样式兼容性
   mui.picker 依赖的样式可能在 iOS 上失效，例如定位或动画属性。
   解决：

   • 检查并统一使用 px 单位，避免 rpx 在部分 iOS 版本计算偏差。
   • 显式设置 z-index 避免层级遮挡。

3. iOS 安全策略限制
   部分 iOS 版本禁止非用户触发的弹窗（如 picker）。
   解决：确保 picker 的调用由用户交互事件（如 @tap）触发，避免在 created 等生命周期中自动弹出。

4. 替代方案
   mui 为兼容性较老的库，建议优先使用 uni-app 官方组件，如 picker-view。
   示例：

   <picker-view :value="value" [@change](/user/change)="onChange">
     <picker-view-column>
       <view v-for="item in list" :key="item">{{item}}</view>
     </picker-view-column>
   </picker-view>