关于乾坤的样式隔离带来的问题
💡
原文中文，约1200字，阅读约需3分钟。
📝
内容提要
本文介绍了解决微前端集成中子应用弹窗逃逸的问题，提出了一个简单的解决方案，即在组件全局配置一个content属性，利用计算属性获取全局挂载容器，然后把默认的document.body替换成全局的挂载容器。
🎯
关键要点
- 本文讨论微前端集成中子应用弹窗逃逸的问题。
- 提出通过全局配置content属性来解决弹窗逃逸问题。
- 组件的弹窗默认挂载到document.body，导致样式无法控制。
- 在乾坤出现之前，饿了么组件未考虑微前端集成需求，导致现存问题。
- 使用ConfigProvider的getPopupContainer方法可以解决弹窗逃逸问题。
- 通过Vue.prototype.$ELEMENT配置content属性，指定挂载容器的ID。
- 利用计算属性获取全局挂载容器，替换默认的document.body。
- 配置过程简单，预计不超过5分钟。
- 其他解决方案包括不开启样式隔离和重写document.body.appendChild，但存在局限性。
- 饿了么官方尚未合并相关代码，希望能找到更好的解决方案。
➡️
