diff --git a/components/tabs/TabPane.vue b/components/tabs/TabPane.vue
index 5a66ec07a..9575569c8 100644
--- a/components/tabs/TabPane.vue
+++ b/components/tabs/TabPane.vue
@@ -4,7 +4,7 @@
     :aria-hidden="active ? 'false' : 'true'"
     :class="classes"
   >
-    <slot v-if="isRender">
+    <slot v-if="isRender || forceRender">
     </slot>
   </div>
 </template>
@@ -16,6 +16,7 @@ export default {
     tab: [String, Number, Function],
     disabled: Boolean,
     closable: Boolean,
+    forceRender: Boolean,
   },
   data () {
     return {
diff --git a/components/tabs/demo/basic.vue b/components/tabs/demo/basic.vue
index d38a47643..5d43ebd68 100644
--- a/components/tabs/demo/basic.vue
+++ b/components/tabs/demo/basic.vue
@@ -1,7 +1,7 @@
 <template>
   <Tabs defaultActiveKey="1" @change="callback">
     <TabPane tab="Tab 1" tabKey="1">Content of Tab Pane 1</TabPane>
-    <TabPane tab="Tab 2" tabKey="2">Content of Tab Pane 2</TabPane>
+    <TabPane tab="Tab 2" tabKey="2" forceRender>Content of Tab Pane 2</TabPane>
     <TabPane tab="Tab 3" tabKey="3">Content of Tab Pane 3</TabPane>
   </Tabs>
 </template>