[bugfix] Tab: should lazy render tab-pane

packages/tab/index.vue

@@ -1,6 +1,8 @@
 <template>
-  <div :class="b('pane', { select: index === parent.curActive })">
+  <div :class="b('pane')" v-show="isSelected">
-    <slot />
+    <keep-alive>
+      <slot v-if="isSelected || slotInited" />
+    </keep-alive>
   </div>
 </template>
 
@@ -18,9 +20,27 @@ export default create({
     disabled: Boolean
   },
 
+  data() {
+    return {
+      slotInited: false
+    };
+  },
+
   computed: {
     index() {
       return this.parent.tabs.indexOf(this);
+    },
+
+    isSelected() {
+      return this.index === this.parent.curActive;
+    }
+  },
+
+  watch: {
+    'parent.curActive'() {
+      if (this.isSelected) {
+        this.slotInited = true;
+      }
     }
   },
 

packages/vant-css/src/tab.css

@@ -134,12 +134,4 @@ $van-tabs-card-height: 30px;
       background-color: $white;
     }
   }
-
-  &__pane {
-    display: none;
-
-    &--select {
-      display: block;
-    }
-  }
 }