Merge pull request bootstrap-vue#37 from mathlet0x/master

pi0 · web-flow · commit ed7a87b23b44 · 2016-12-07T16:32:41.000+03:30
Fixed issues on tabs/tab bootstrap-vue#34
diff --git a/components/tab.vue b/components/tab.vue
@@ -11,6 +11,7 @@ export default {
       return {
         fade: this.$parent.fade,
         animate: false,
+        active: false
       }
     },
     props: {
@@ -22,10 +23,6 @@ export default {
         type: String,
         default: ''
       },
-      active: {
-        type: Boolean,
-        default: false
-      },
       disabled: {
         type: Boolean,
         default: false
diff --git a/components/tabs.vue b/components/tabs.vue
@@ -71,16 +71,16 @@
         if (activeTab !== -1) {
           // setting animate to false will trigger fade out effect
           this.items[activeTab].active = false;
-          this.$children[activeTab].$set('animate', false);
-          this.$children[activeTab].$set('active', false)
+          this.$set(this.$children[activeTab], 'animate', false);
+          this.$set(this.$children[activeTab], 'active', false);
         }
 
         // set new active tab and animate (if fade flag is set to true)
-        this.$children[index].$set('active', true);
+        this.$set(this.$children[index], 'active', true);
         this._tabAnimation = setTimeout(() => {
           // setting animate to true will trigger fade in effect
           this.items[index].active = true;
-          this.$children[index].$set('animate', true);
+          this.$set(this.$children[index], 'animate', true);
           this.$root.$emit('changed::tab', this.items[index].id)
         }, this.fade ? TRANSITION_DURATION : 0)
       },
