boostrap-vue при использовании вкладок в модальном режиме он не работает должным образом - PullRequest
Новая
       19

boostrap-vue при использовании вкладок в модальном режиме он не работает должным образом

1 голос
/ 23 мая 2019

Если вы поместите b-вкладки внутрь модального окна, то при первом открытии модального режима все работает нормально, но если закрыть модальное окно и открыть его снова, вкладки не будут работать, он застрянет на содержимое первой вкладки и переключение вкладок не будут иметь никакого эффекта, вместо этого содержимое первой вкладки останется видимым. Перезагрузка страницы - единственный способ заставить ее работать снова.

Посетите https://jsfiddle.net/gh9y7zLs/2/, чтобы воспроизвести проблему 

    <div id='app'>
<div>
    <b-button v-b-modal.modal1>
      Launch demo modal
    </b-button>

    <!-- Modal Component -->
    <b-modal
      id="modal1"
      title="BootstrapVue" >
      <b-tabs content-class="mt-3" v-model="tabIndex">
        <b-tab
          title="first"
          active
        >
          I'm the first fading tab

          <b-button v-b-modal.modal1 @click="next()">
            Next
          </b-button>
        </b-tab>
        <b-tab title="second">
          <p>
            I'm the second tab content
          </p>
        </b-tab>
        <b-tab
          title="disabled"
          disabled
        >
          <p>
            Disabled tab!
          </p>
        </b-tab>
      </b-tabs>
    </b-modal>

  </div>
</div>

У кого-нибудь есть решение?

1 Ответ

1 голос
/ 13 июня 2019

Это должно быть исправлено в последнем выпуске (v2.0.0-rc.23)

...