вкладка предотвращения события

Question

В BootstrapVue Tabs, когда мы нажимаем на вкладку для перехода на другую вкладку => щелчок события срабатывает.Мне нужно сделать некоторые проверки после события щелчка огня.Затем, если это не удастся, я отменю это событие и не позволю изменить вкладку.Но я не могу найти какой-либо метод в документации BootstrapVue, чтобы сделать это.Мне нужна твоя помощь !!

<b-tabs pills content-class="mt-3" v-model="tabIndex" >
   <b-tab title="Profile" active @click="onChange" id="test" title-item-class="btnTab"> 
       <information @changeTab="changeTabInformation" ></information>
   </b-tab>
   <b-tab title="Preferences" @click="onChange"  title-item-class="btnTab">
       <preference  @changeTab="changeTabPreference" ></preference>
   </b-tab>
</b-tabs>

(Надеюсь, ты меня понимаешь, потому что мои навыки письма на английском ужасны :()

Answer 1

К сожалению, это невозможно.Не можете ли вы решить проблему с отключением вкладки, пока не будут выполнены все требования для перехода на вкладку с использованием вычисленного значения?

<div id='app'>
  <div>
  <b-card no-body>
    <b-tabs card>
      <b-tab title="Tab 1">
        <b-btn @click="counter++">increase</b-btn>
      </b-tab>
      <b-tab title="Tab 2" :disabled="status" >
        <b-card-text>Tab Contents 2</b-card-text>
      </b-tab>
    </b-tabs>
  </b-card>
     {{counter}}
</div>
</div>

JS:

new Vue({
  el: "#app",
  data: {
    counter: 0,
  },
  computed: {
    status: function() {
      return this.counter < 2
    }
  }
});