qiankun微应用中antd样式问题解决方案

在子应用与主应用对接过程中,页面可以正常展示,但是ant组件显示异常,弹框、下拉框等需要挂载的组件挂载位置异常,导致页面的功能、布局、样式异常。

a-select

增加属性:

:getPopupContainer="t => t.parentElement"

a-tree-select

增加属性:

:getPopupContainer="t => t.parentElement"

a-range-picker

增加属性:

:get-calendar-container="t => t.parentElement"

a-drawer

增加属性:

:get-container="false"

a-modal

增加属性:

:get-container="() => $el"

你可能感兴趣的:(vue.js前端antd)