Bootstrap-vue открытый модал от модального - PullRequest
Новая
       12

Bootstrap-vue открытый модал от модального

0 голосов
/ 12 октября 2018

Есть ли способ открыть новый модал из другого модала в 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 он откроет первый модал, но когда я нажму кнопку, чтобы открыть второй модал, он вызовет закрытие первого.

1 Ответ

0 голосов
/ 12 октября 2018

Вам просто нужно изменить порядок компонентов, чтобы кнопка находилась внутри первого модала, а второй модал был снаружи, чтобы он не закрывался с первым модалом. 

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

checkэто рабочий пример

...