ui-tabs

<ui-tabs align="top" :active="$route.name" :percent="50" :indicator-height="6" :indicator-border="false" class="b-platform-head-tabs" @change="activeTab">
   <ui-tab v-for="(tab, index) in getTabs"
      :name="tab.name"
      :disabled="getCountedSteps() < index"
      v-show="tabPage == tab.page">
      <router-link :to="{ name: getCountedSteps() < index ? false : tab.name}">
         {{ tab.title }}
      </router-link>
   </ui-tab>
   <div slot="contents">
      <router-view ref="contentTab" v-bind:api="api" v-bind:product="getProduct" v-bind:numberTab="getCountedSteps()"></router-view>
   </div>
</ui-tabs>