title: How to switch tabs by clicking on tab with out using next button in vuejs vue-form-wizard?
body: <p>I am creating tabs in vuejs using vue-form-wizard. I am not able to navigate first tab to second or third tab directly clicking on the tab first time. Once we navigate all tabs by clicking on next button, then we are able to move any tab by selecting the tab directly without using next button. In my case I am going to hide next button. If I hide this button, how can I navigate other tabs?
  Please find my code below.</p>
  
  <p><a href="https://jsfiddle.net/bt5dhqtf/1241/" rel="nofollow noreferrer">https://jsfiddle.net/bt5dhqtf/1241/</a></p>
  
  <pre><code>&lt;div id="app"&gt;
  &lt;div&gt;
          &lt;form-wizard @on-complete="onComplete" 
                        shape="square"
                        layout="vertical"
                        steps-classes="steps-size"
                        color="#3498db"&gt;
              &lt;tab-content title="Personal details"
                           icon="ti-user" v-if="t2=='y'"&gt;
                My first tab content
              &lt;/tab-content&gt;
              &lt;tab-content title="Additional Info"
                           icon="ti-settings" v-if="t3=='y'"&gt;
                My second tab content
              &lt;/tab-content&gt;
              &lt;tab-content title="Last step"
                           icon="ti-check"&gt;
                Yuhuuu! This seems pretty damn simple
              &lt;/tab-content&gt;
          &lt;/form-wizard&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  
  Vue.use(VueFormWizard)
  new Vue({
   el: '#app',
   data(){return{
   t1:'y',
   t2:'y',
   t3:'y',
   }
  
   },
   created:{
   //this.t2='y',
   },
   methods: {
    onComplete: function(){
        alert('Yay. Done!');
     }
    }
  })
  </code></pre>