fix(tab): transitions (bootstrap-vue#901)

mosinve · web-flow · commit a4b28623a23a · 2017-08-21T13:28:03.000+07:00
diff --git a/lib/components/tab.vue b/lib/components/tab.vue
@@ -1,5 +1,5 @@
 <template>
-    <transition @enter="enter" @before-leave="beforeLeave" mode="out-in">
+    <transition @before-enter="beforeEnter" @after-enter="afterEnter" @after-leave="afterLeave" mode="out-in">
         <component :is="tag"
                    :id="id || null"
                    role="tabpanel"
@@ -8,9 +8,9 @@
                    :aria-expanded="localActive ? 'true' : 'false'"
                    :aria-lablelledby="controlledBy || null"
                    v-if="localActive || !lazy"
-                   v-show="localActive || lazy"
+                   v-show="localActive"
                    ref="panel"
-        >
+                   :css="false">
              <slot></slot>
         </component>
     </transition>
@@ -19,10 +19,13 @@
 <script>
     export default {
         methods: {
-            enter() {
+            beforeEnter() {
+                this.show = false;
+            },
+            afterEnter() {
                 this.show = true;
             },
-            beforeLeave() {
+            afterLeave() {
                 this.show = false;
             }
         },
