Javascript BootstrapVue模式在呈现的nuxt元素外部打开

Javascript BootstrapVue模式在呈现的nuxt元素外部打开,javascript,vuejs2,bootstrap-modal,nuxt.js,bootstrap-vue,Javascript,Vuejs2,Bootstrap Modal,Nuxt.js,Bootstrap Vue,我将BootstrapVue与universalnuxtjs一起使用 问题是,;当我单击按钮时,b-modal元素在主体的底部打开,而不是在渲染的“_nuxt”div中。因此,我无法为modal元素设置正确的位置。也许我想打开一个模态元素,单击该区域 但是,引导程序的行为也不是这样的 让我们用截图来证明这一点 这是新的boostrap-vue.org,它是用nuxtjs开发的 这是getboostrap.org,点击区域的模式呈现 最后,如果我的记忆是正确的。普通Vue和BootstrapV

我将BootstrapVue与universalnuxtjs一起使用

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

但是,引导程序的行为也不是这样的

让我们用截图来证明这一点

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

这是getboostrap.org,点击区域的模式呈现

最后,如果我的记忆是正确的。普通Vue和BootstrapVue的行为与此不同


感谢您的耐心:)

默认情况下,引导Vue会在
正文的底部渲染模态

如果要渲染放置在文档中的模式,请应用
static
prop

更多信息: