vue.js - Bootstrap-vue 从模态打开模态
问题描述
有没有办法在 bootstrap-vue 中从另一个模态打开一个新模态?
<div>
<b-btn v-b-modal.modal1>Launch demo modal</b-btn>
<b-modal id="modal1" title="Bootstrap-Vue">
<b-btn v-b-modal.modal2>Launch another modal</b-btn>
<b-modal id="modal2" title="Bootstrap-Vue">
Vueception
</b-modal>
</b-modal>
</div>
当我在https://bootstrap-vue.js.org/play上运行此示例时,它将打开第一个模式,但是当我单击按钮打开第二个模式时,它将导致第一个模式关闭。
解决方案
您只需要重新排序您的组件,以便按钮位于第一个模式内,但第二个模式应该在外部,这样它就不会被第一个模式关闭..
<div>
<b-btn v-b-modal.modal1>Launch demo modal</b-btn>
<b-modal id="modal1" title="Bootstrap-Vue">
<b-btn v-b-modal.modal2>Launch another modal</b-btn>
</b-modal>
<b-modal id="modal2" title="Bootstrap-Vue">
Vueception
</b-modal>
</div>
检查这个工作示例
推荐阅读
- amazon-web-services - 如何设置单个 kibana 仪表板?
- android - 内部测试发布后立即在 Google Analytics for Android App 中检测到异常流量
- javascript - 拖动时将时钟指针旋转到正确的角度 - Vanilla JS
- python - 改变情节中的传说
- c++ - __stdcall - WINAPI vs STDMETHODCALLTYPE vs APIENTRY
- matplotlib - 如何删除 matplotlib 图例上的线条/标记?
- highcharts - 正确传递所有数据,但仍然会抛出高图表错误
- windows - Run multiple commands and log output as one row on Windows batch
- html - 我怎样才能从桌子外面得到菜单?我附上了这个问题的图片以便更好地澄清
- wso2-am - 在 wso2 api manager 3.0.0 上发布不受保护的 API