680 B
680 B
常见问题
1、弹出元素在无界微前端中发生错位、翻转
原因: 弹出类的元素,存在一个边界检测逻辑,在子应用中,window
的宽高可能会比视口小得多,
因此会错误判断边界,导致翻转和错位等问题。
解决方案: 引入 popup 全局配置,将主应用的 window
赋值给全局配置的 viewportWindow
用于边界判断
import globalConfig from '@opentiny/vue-renderless/common/global'
// 需要判断是否在子应用当中
if (window.__POWERED_BY_WUJIE__) {
// 子应用中可以通过window.parent获取主应用的window
globalConfig.viewportWindow = window.parent
}