On each next step canContinue variable will be set to false

PygmySlowLoris · Oct 17, 2017 · ced8c90 · ced8c90
1 parent a6a5673
commit ced8c90
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -51,7 +51,7 @@ npm install vue-stepper --save
 
 | Event name            | When      |
 | :---------------      | :-------  |
-|  `can-continue`           | By default the *next button* will be disabled until the event `can-continue` is triggered with an object containing the property `value`. `Value` accepts a boolean, if `true` next/finish button will be enabled if false disabled.|
+|  `can-continue`           | By default the *next button* will be disabled until the event `can-continue` is triggered with an object containing the property `value`. `Value` accepts a boolean, if `true` next/finish button will be enabled if false disabled. On each next step `canContinue` variable will be set to false.|
 
 ##  Examples
 

diff --git a/demo/StepTwo.vue b/demo/StepTwo.vue
@@ -27,5 +27,9 @@
 </template>
 
 <script>
-    export default {}
+    export default {
+        mounted() {
+            this.$emit('can-continue', {value: true})
+        }
+    }
 </script>
diff --git a/dist/build.js b/dist/build.js
diff --git a/dist/build.js.map b/dist/build.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-stepper",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "Vue Stepper",
   "main": "src/index.js",
   "repository": {

diff --git a/src/HorizontalStepper.vue b/src/HorizontalStepper.vue
@@ -165,6 +165,7 @@
 
                 }
                 this.nextButton[this.currentStep.name] = true;
+                this.canContinue = false;
                 this.$forceUpdate();
             },
             backStep() {