#12 Remove validations when going to a previous tab

Clear validation error upon tab navigation

dev-example/App.vue

@@ -9,8 +9,14 @@
                  @on-loading="setLoading"
                  @on-error="setError"
                  class="card" ref="wizard">
-      <tab-content v-for="tab in tabs" :title="tab" :key="tab" icon="ti-settings">
-        {{tab}}
+      <tab-content title="1" icon="ti-settings">
+        First tab
+      </tab-content>
+      <tab-content title="2" icon="ti-settings" :before-change="validateAsync">
+        Second tab
+      </tab-content>
+      <tab-content title="3" icon="ti-settings">
+        Third tab
       </tab-content>
       <div class="loader" v-if="loadingWizard"></div>
       <div v-if="error">

src/components/FormWizard.vue

@@ -13,7 +13,7 @@
       </div>
       <ul class="wizard-nav wizard-nav-pills">
         <li v-for="(tab, index) in tabs" :class="{active:tab.active}">
-          <a href="" @click.prevent="navigateToTab(index)">
+          <a href="" @click.prevent="navigateToTab(index, false)">
             <div class="wizard-icon-circle"
                  :class="{checked:isChecked(index),square_shape:isStepSquare, tab_shape:isTabShape}"
                  :style="[isChecked(index)? stepCheckedStyle : {}, tab.validationError ? errorStyle : {}]">
@@ -224,6 +224,7 @@
       navigateToTab (index, validate = true) {
         if (index <= this.maxStep) {
           let cb = () => {
+            this.setValidationError(null)
             this.changeTab(this.activeTabIndex, index)
           }
           if (validate) {