javascript - BootstrapVue 模态在渲染的 nuxt 元素之外打开
问题描述
我正在使用带有通用 Nuxtjs 的 BootstrapVue。
问题是; 当我单击按钮时,b-modal 元素在主体底部打开,而不是在呈现的“_nuxt”div 内。因此,我无法为模态元素设置适当的位置。也许我想打开一个我单击该区域的模态元素。
但是,引导程序的行为也不像那样。
让我们用截图来证明。
这是使用 nuxtjs 开发的新 boostrap-vue.org
这是getboostrap.org,在点击区域呈现模态
最后,如果我没记错的话。普通的 Vue 和 BootstrapVue 不会那样做。
感谢您的耐心:)
解决方案
body
默认情况下,Bootstrap-Vue 在底部呈现模式。
如果您想在文档中呈现模态框,请应用该static
道具。
更多信息: https ://bootstrap-vue.org/docs/components/modal#lazy-loading-and-static-modals
推荐阅读
- kubernetes - cp_ cannot stat: no such file or directory: Error copying files from localhost to k8s pod through Ansible
- kml - “只允许一个单一的根特征
标记“KML 代码错误 - visual-studio-code - 如何在 Visual Studio 代码中为每种语言设置缩进和格式化行为?
- reactjs - 在 Antd React App 中重新创建类似 Sider/Drawer 的 Ant Design Pro
- python - 当我执行 python manage.py runserver 时,CMD 抛出 AttributeError:
- javascript - 不在标准位置时如何找到图标
- javascript - 为什么我的字符计数器不排除空格?
- javascript - 如何在 Jquery 数据表中自定义搜索框过滤器
- api - Twitter Premium API 配置文件位置操作员 profile_country: 和 profile_region: 不工作
- c++ - 在选项卡控件 Win32 中添加不同的组件