BootstrapVue Modal 在呈现的 nuxt 元素之外打开

BootstrapVue Modal opening outside of rendered nuxt element

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

问题是；当我单击该按钮时，b-modal 元素在正文底部打开，而不是在渲染的“_nuxt”内部 div。出于这个原因，我无法为模态元素设置适当的位置。也许我想在我点击区域的地方打开一个模态元素。

而且，bootstrap 也不是那样的。

我们用截图来证明吧

这是用nuxtjs

开发的新boostrap-vue.org

这是 getboostrap.org，在点击区域

处呈现模态

最后，如果我没记错的话。正常的 Vue 和 BootstrapVue 不会那样做。

感谢耐心等待:)

Bootstrap-Vue默认在body底部渲染模态框

如果您想在文档中放置模态框的位置呈现模态框，请应用 static 属性。