#16 fix slots re-using identical inputs

xaksis · Aug 4, 2018 · a188d79 · a188d79
1 parent 472d2f0
commit a188d79
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 10 deletions.
diff --git a/dev/App.vue b/dev/App.vue
@@ -9,19 +9,22 @@
       :onBack="backClicked">
       <div slot="page1">
         <h4>Step 1</h4>
-        <p>This is step 1</p>
+        <input
+        id="step1"
+        v-model="step1"
+        rows="15"
+        >
+        </input>
       </div>
       <div slot="page2">
-        <h4>Step 2</h4>
-        <p>This is step 2</p>
+        <input
+        id="step2"
+        v-model="step2"
+        rows="15"
+        >
+        </input>
       </div>
       <div slot="page3">
-        <h4>Step 3</h4>
-        <p>This is step 3</p>
-      </div>
-      <div slot="page4">
-        <h4>Step 4</h4>
-        <p>This is step 4</p>
       </div>
     </vue-good-wizard>
   </div>
@@ -34,6 +37,8 @@ export default {
   name: 'demo',
   data(){
     return {
+      step1: '',
+      step2: '',
       cStep: 1,
       steps: [
         {

diff --git a/src/components/Wizard.vue b/src/components/Wizard.vue
@@ -18,7 +18,7 @@
       :style="{ left: arrowPosition }">
     </span>
     <div ref="wizard-body" class="wizard__body" :class="{'vgw-mobile': isMobile}">
-      <div class="wizard__body__step">
+      <div :key="currentSlot" class="wizard__body__step">
         <slot :name="currentSlot"></slot>
       </div>
       <div class="wizard__body__actions clearfix">