首页 > 解决方案 > BootstrapVue 模态在渲染的 nuxt 元素之外打开

问题描述

我正在使用带有通用 Nuxtjs 的 BootstrapVue。

问题是; 当我单击按钮时,b-modal 元素在主体底部打开,而不是在呈现的“_nuxt”div 内。因此,我无法为模态元素设置适当的位置。也许我想打开一个我单击该区域的模态元素。

但是,引导程序的行为也不像那样。

让我们用截图来证明。

这是使用 nuxtjs 开发的新 boostrap-vue.org

这是使用 nuxtjs 开发的新 boostrap-vue.org

这是getboostrap.org,在点击区域呈现模态

这是getboostrap.org,在点击区域呈现模态

最后,如果我没记错的话。普通的 Vue 和 BootstrapVue 不会那样做。

感谢您的耐心:)

标签: javascriptvuejs2bootstrap-modalnuxt.jsbootstrap-vue

解决方案


body默认情况下,Bootstrap-Vue 在底部呈现模式。

如果您想在文档中呈现模态框,请应用该static道具。

更多信息: https ://bootstrap-vue.org/docs/components/modal#lazy-loading-and-static-modals


推荐阅读