title: How to make a on select dropdown to hide and show vue js form wizard tab?
body: <p>i have make a form wizard using vue js and in step five but i want to on select dropdown to middl step like third and fourth step hide and show using index.</p>
  
  <p>see this plugin : <a href="https://cristijora.github.io/vue-form-wizard/#/?id=methods" rel="nofollow noreferrer">https://cristijora.github.io/vue-form-wizard/#/?id=methods</a></p>
  
  <p>whene select hide :
  <a href="https://i.stack.imgur.com/9jIEo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9jIEo.png" alt="enter image description here"></a></p>
  
  <p>And whene select show :</p>
  
  <p><a href="https://i.stack.imgur.com/B5AgA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/B5AgA.png" alt="enter image description here"></a></p>
  
  <pre><code>Wizard.vue
  
  &lt;template&gt;
    &lt;div&gt;
      &lt;div class="dropdown"&gt;
        &lt;select name="" id=""&gt;
          &lt;option value="hide"&gt;hide&lt;/option&gt;
          &lt;option value="show"&gt;show&lt;/option&gt;
        &lt;/select&gt;
      &lt;/div&gt;
      &lt;form-wizard @on-complete="onComplete"&gt;
        &lt;tab-content title="first"
                      icon="ti-user"&gt;
          first
        &lt;/tab-content&gt;
        &lt;tab-content title="second"  icon="ti-settings"&gt;
          second
        &lt;/tab-content&gt;
        &lt;tab-content title="four" icon="ti-settings"&gt;
          four
        &lt;/tab-content&gt;
        &lt;tab-content title="five"
                      icon="ti-settings"&gt;
          five
        &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;/template&gt;
  </code></pre>