代码之家 › 专栏 › 技术社区 › RoboDev

从模式引导vue打开模式

bootstrap-vue vue.js

1

RoboDev · 技术社区 · 6 年前

是否有办法在引导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 它将打开第一个模式,但当我单击按钮打开第二个模式时,它将导致第一个模式关闭。

1 回复 | 直到 6 年前

1

3

Boussadjra Brahim 6 年前

您只需要重新排序组件,使按钮位于第一个模态内部,但第二个模态应位于外部,以便它不会与第一个模态闭合。。

<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