在b-模态中使用b-overlay时,模态主体不可见



我使用Vue Bootstrap,当我在b-mode中添加不带包裹道具的b-overlay时,即使overlay未激活,模态主体也不可见。请参阅示例

https://codesandbox.io/s/friendly-worker-evcyd

我可以在没有包装道具的情况下使用它,但通过这种方式,模式页脚和页眉不会覆盖

这是因为您使用了no-wrap属性,该属性禁用了<b-overlay>中默认插槽的使用。

您可以在此处阅读更多信息:https://bootstrap-vue.org/docs/components/overlay#non-包装模式

默认情况下,包装默认插槽的内容。在某些情况下,您可能想要隐藏父容器。使用无换行道具禁用换行的渲染(并忽略默认槽(

如果需要使用no-wrap,则需要将所需内容放置在<b-overlay>之外。

<b-modal>
<b-overlay no-wrap>
<template #overlay>
Overlay content here
</template>
</b-overlay>
<div>Modal content</div>
</b-modal>

如前所述,您可以添加body class="静态位置";启用b-mode和圆形道具。这将使整个b模态覆盖覆盖。

最新更新