Vue Навтаб по умолчанию с bootstrap - PullRequest
Новая
       11

Vue Навтаб по умолчанию с bootstrap

0 голосов
/ 08 января 2020

Я отображаю некоторые данные JSON с помощью v-for и показываю их на вкладках (две вкладки), используя bootstrap nav-tabs. 

<ul class="nav nav-tabs nav-justified">
    <li v-for="(navpil,index) in sortedArray" class="nav-item">
        <a aria-selected="true" :href="'#tab-'+index" data-toggle="tab" class="nav-link" >{{navpil.title}}</a>
    </li>
</ul>
<div class="tab-content">
    <div v-for="(navpil,index) in sortedArray" class=" tab-pane fade in active" v-bind:id="'tab-'+index">
      <!----tabs content---->
    </div>
</div>

По умолчанию содержимое вкладки не отображается. Но когда я нажимаю на любую вкладку, то она показывает содержимое вкладки. Может кто-нибудь предложить мне «метод» для первой вкладки, которая будет отображаться по умолчанию при загрузке страницы? Спасибо.

...