Bootstrap-vue open modal from modal

Question

有没有办法在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上运行这个示例时，它将打开第一个模式，但当我单击按钮打开第二个模式时，它将导致第一个模式关闭。

Answer 1

你只需要重新排序你的组件，这样按钮就在第一个模式里面，但是第二个模式应该在外面，这样它就不会和第一个模式关闭。

<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>

检查此working example