Question

如果您将b-tabs放在模态中，则在第一次打开模态时一切正常，但是如果您关闭模态并重新打开它，则选项卡将不起作用，它将卡在第一个标签的内容，切换标签不会有任何效果，而是第一个标签的内容将保持可见。重新加载页面是使其重新工作的唯一方法。

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

任何人都有解决方案吗？

Answer 1

应该在即将发布的最新版本（v2.0.0-rc.23）中修复此问题

当在模式中使用选项卡时，boostrap-vue无法正常工作

1 个答案: