title: How to show or hide and pass according to a condition, vue-form-wizard?
body: <p>I have the disadvantage that when hiding a step, then showing it according to the condition is shown erroneously, that is, the order of the steps is changed: here the link of the replicated error</p>
  
  <pre><code>&lt;div id="app"&gt;
    &lt;div&gt;
      &lt;form-wizard @on-complete="onComplete" ref="wizard" color="#e67e22"&gt;
        &lt;tab-content title="Personal details" icon="ti-user"&gt;
          My first tab content
          &lt;p&gt;
          Show 1  {{show}}
          &lt;/p&gt;
          &lt;p&gt;Show 2 {{show2}}&lt;/p&gt;
          &lt;button @click="show = !show"&gt;
           CHANGE SHOW
          &lt;/button&gt;
          &lt;button @click="show2 = !show2"&gt;
           CHANGE SHOW2
          &lt;/button&gt;
        &lt;/tab-content&gt;
        &lt;tab-content v-if="show || show2 " title="Additional Info" icon="ti-settings"&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;template slot="footer" scope="props"&gt;
         &lt;div class=wizard-footer-left&gt;
             &lt;wizard-button  v-if="props.activeTabIndex &gt; 0 &amp;&amp; !props.isLastStep" :style="props.fillButtonStyle"&gt;Previous&lt;/wizard-button&gt;
          &lt;/div&gt;
          &lt;div class="wizard-footer-right"&gt;
            &lt;wizard-button v-if="!props.isLastStep"@click.native="props.nextTab()" class="wizard-footer-right" :style="props.fillButtonStyle"&gt;Next&lt;/wizard-button&gt;
  
            &lt;wizard-button v-else @click.native="alert('Done')" class="wizard-footer-right finish-button" :style="props.fillButtonStyle"&gt;{{props.isLastStep ? 'Done' : 'Next'}}&lt;/wizard-button&gt;
          &lt;/div&gt;
  
        &lt;/template&gt;
      &lt;/form-wizard&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/2rLsw7a8/1/" rel="nofollow noreferrer">https://jsfiddle.net/2rLsw7a8/1/</a></p>
  
  <p>Basically show 1 and show 2 must be false to hide, if show 1 or show 2 is true then show the step (tab-content)</p>