#40 Support sync modifier for start-index

cristijora · cristijora · commit dda216540003 · 2017-09-04T20:42:16.000+03:00
diff --git a/src/components/FormWizard.vue b/src/components/FormWizard.vue
@@ -203,6 +203,10 @@
       }
     },
     methods: {
+      emitTabChange (prevIndex, nextIndex) {
+        this.$emit('on-change', prevIndex, nextIndex)
+        this.$emit('update:startIndex', nextIndex)
+      },
       addTab (item) {
         const index = this.$slots.default.indexOf(item.$vnode)
         this.tabs.splice(index, 0, item)
@@ -224,7 +228,7 @@
           if (index < this.activeTabIndex) {
             this.maxStep = this.activeTabIndex - 1
             this.activeTabIndex = this.activeTabIndex - 1
-            this.$emit('on-change', this.activeTabIndex + 1, this.activeTabIndex)
+            this.emitTabChange(this.activeTabIndex + 1, this.activeTabIndex)
           }
           tabs.splice(index, 1)
         }
@@ -331,7 +335,7 @@
           newTab.active = true
         }
         if (emitChangeEvent && this.activeTabIndex !== newIndex) {
-          this.$emit('on-change', oldIndex, newIndex)
+          this.emitTabChange(oldIndex, newIndex)
         }
         this.activeTabIndex = newIndex
         this.activateTabAndCheckStep(this.activeTabIndex)

Original file line number	Diff line number	Diff line change
`@@ -203,6 +203,10 @@`
`203`	`203`	`}`
`204`	`204`	`},`
`205`	`205`	`methods: {`
	`206`	`+ emitTabChange (prevIndex, nextIndex) {`
	`207`	`+ this.$emit('on-change', prevIndex, nextIndex)`
	`208`	`+ this.$emit('update:startIndex', nextIndex)`
	`209`	`+ },`
`206`	`210`	`addTab (item) {`
`207`	`211`	`const index = this.$slots.default.indexOf(item.$vnode)`
`208`	`212`	`this.tabs.splice(index, 0, item)`
`@@ -224,7 +228,7 @@`
`224`	`228`	`if (index < this.activeTabIndex) {`
`225`	`229`	`this.maxStep = this.activeTabIndex - 1`
`226`	`230`	`this.activeTabIndex = this.activeTabIndex - 1`
`227`		`- this.$emit('on-change', this.activeTabIndex + 1, this.activeTabIndex)`
	`231`	`+ this.emitTabChange(this.activeTabIndex + 1, this.activeTabIndex)`
`228`	`232`	`}`
`229`	`233`	`tabs.splice(index, 1)`
`230`	`234`	`}`
`@@ -331,7 +335,7 @@`
`331`	`335`	`newTab.active = true`
`332`	`336`	`}`
`333`	`337`	`if (emitChangeEvent && this.activeTabIndex !== newIndex) {`
`334`		`- this.$emit('on-change', oldIndex, newIndex)`
	`338`	`+ this.emitTabChange(oldIndex, newIndex)`
`335`	`339`	`}`
`336`	`340`	`this.activeTabIndex = newIndex`
`337`	`341`	`this.activateTabAndCheckStep(this.activeTabIndex)`