title: Vuetify tab not changing on @click
body: <p>I am using vueitfy version 2.3.10 and vue 2.6. I am using tabs component of vuetify. I am trying to add a button to switch between tabs. But the button doesn't change the tab. But I am able to change the tabs by clicking on the tab names. Please help me find where I am going wrong.</p>
  <pre><code>&lt;template&gt;
      &lt;v-card&gt;{{current_tab}}
          &lt;v-tabs v-model=&quot;current_tab&quot;&gt;
            &lt;v-tab href=&quot;#tab-1&quot;&gt;Organisations&lt;/v-tab&gt;
            &lt;v-tab href=&quot;#tab-2&quot;&gt;Locations&lt;/v-tab&gt;
            &lt;v-tab-item value=&quot;tab-1&quot; id=&quot;tab-1&quot;&gt;
              &lt;p&gt;Organsations&lt;/p&gt;
              &lt;v-btn @click=&quot;nextTab('tab-2')&quot;&gt;
                Locations
              &lt;/v-btn&gt;
            &lt;/v-tab-item&gt;
            &lt;v-tab-item value=&quot;tab-2&quot; id=&quot;tab-2&quot;&gt; 
              &lt;p&gt;Locations&lt;/p&gt;
              &lt;v-btn @click=&quot;nextTab('tab-1')&quot;&gt;
                Organisations
              &lt;/v-btn&gt;
            &lt;/v-tab-item&gt;
         &lt;/v-tabs&gt;
       &lt;/v-card&gt;
  &lt;/template&gt;
  
  
  &lt;script&gt;
  
  export default {
    data () {
      return {
        current_tab: 'tab-1',
      }
    },
    methods: {
      nextTab(next_tab) {
        this.current_tab = next_tab
      }
    }
  };      
  &lt;/script&gt;
  </code></pre>