diff --git a/packages/tab/test/__snapshots__/demo.spec.js.snap b/packages/tab/test/__snapshots__/demo.spec.js.snap
index 9fe4d6382..65c6f4f79 100644
--- a/packages/tab/test/__snapshots__/demo.spec.js.snap
+++ b/packages/tab/test/__snapshots__/demo.spec.js.snap
@@ -168,16 +168,10 @@ exports[`renders demo correctly 1`] = `
       <div class="van-tabs__wrap van-hairline--top-bottom">
         <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
           <div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
-          <div role="tab" aria-selected="true" class="van-tab van-tab--active">
-            <div><i class="van-icon van-icon-more-o">
-                <!----></i>标签
-            </div>
-          </div>
-          <div role="tab" class="van-tab">
-            <div><i class="van-icon van-icon-more-o">
-                <!----></i>标签
-            </div>
-          </div>
+          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-ellipsis"><div><i class="van-icon van-icon-more-o"><!----></i>标签 
+        </div></span></div>
+          <div role="tab" class="van-tab"><span class="van-ellipsis"><div><i class="van-icon van-icon-more-o"><!----></i>标签 
+        </div></span></div>
         </div>
       </div>
       <div class="van-tabs__content">
diff --git a/packages/tab/test/__snapshots__/index.spec.js.snap b/packages/tab/test/__snapshots__/index.spec.js.snap
index 08ae326cf..6c7666642 100644
--- a/packages/tab/test/__snapshots__/index.spec.js.snap
+++ b/packages/tab/test/__snapshots__/index.spec.js.snap
@@ -17,21 +17,20 @@ exports[`change tabs data 1`] = `
     <div role="tablist" class="van-tabs__nav van-tabs__nav--line" style="border-color: #f44;">
       <div class="van-tabs__line" style="background-color: rgb(255, 68, 68);"></div>
       <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-ellipsis">title1</span></div>
-      <div role="tab" class="van-tab">
-        <div><span>title2</span></div>
-      </div>
-      <div role="tab" class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
+      <div role="tab" class="van-tab"><span class="van-ellipsis"><div><span>title2</span></div></span>
     </div>
+    <div role="tab" class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
   </div>
-  <div class="van-tabs__content">
-    <div role="tabpanel" class="van-tab__pane">Text</div>
-    <div role="tabpanel" class="van-tab__pane" style="display: none;">
-      <!---->
-    </div>
-    <div role="tabpanel" class="van-tab__pane" style="display: none;">
-      <!---->
-    </div>
+</div>
+<div class="van-tabs__content">
+  <div role="tabpanel" class="van-tab__pane">Text</div>
+  <div role="tabpanel" class="van-tab__pane" style="display: none;">
+    <!---->
   </div>
+  <div role="tabpanel" class="van-tab__pane" style="display: none;">
+    <!---->
+  </div>
+</div>
 </div>
 `;
 
@@ -41,20 +40,19 @@ exports[`change tabs data 2`] = `
     <div role="tablist" class="van-tabs__nav van-tabs__nav--card" style="border-color: blue;">
       <div class="van-tab van-tab--active" style="background-color: blue; border-color: blue;" role="tab" aria-selected="true"><span class="van-ellipsis">new title1</span></div>
       <div role="tab" class="van-tab" style="color: blue; border-color: blue;"><span class="van-ellipsis"></span></div>
-      <div role="tab" class="van-tab van-tab--disabled" style="border-color: blue;">
-        <div><span>title2</span></div>
-      </div>
+      <div role="tab" class="van-tab van-tab--disabled" style="border-color: blue;"><span class="van-ellipsis"><div><span>title2</span></div>title3</span>
     </div>
   </div>
-  <div class="van-tabs__content">
-    <div role="tabpanel" class="van-tab__pane">Text</div>
-    <div role="tabpanel" class="van-tab__pane" style="display: none;">
-      <!---->
-    </div>
-    <div role="tabpanel" class="van-tab__pane" style="display: none;">
-      <!---->
-    </div>
+</div>
+<div class="van-tabs__content">
+  <div role="tabpanel" class="van-tab__pane">Text</div>
+  <div role="tabpanel" class="van-tab__pane" style="display: none;">
+    <!---->
   </div>
+  <div role="tabpanel" class="van-tab__pane" style="display: none;">
+    <!---->
+  </div>
+</div>
 </div>
 `;
 
@@ -64,21 +62,20 @@ exports[`click to switch tab 1`] = `
     <div role="tablist" class="van-tabs__nav van-tabs__nav--line" style="border-color: #f44;">
       <div class="van-tabs__line" style="background-color: rgb(255, 68, 68); width: 2px; transform: translateX(0px) translateX(-50%);"></div>
       <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-ellipsis">title1</span></div>
-      <div role="tab" class="van-tab">
-        <div><span>title2</span></div>
-      </div>
-      <div role="tab" class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
+      <div role="tab" class="van-tab"><span class="van-ellipsis"><div><span>title2</span></div></span>
     </div>
+    <div role="tab" class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
   </div>
-  <div class="van-tabs__content">
-    <div role="tabpanel" class="van-tab__pane" style="">Text</div>
-    <div role="tabpanel" class="van-tab__pane" style="display: none;">
-      <!---->
-    </div>
-    <div role="tabpanel" class="van-tab__pane" style="display: none;">
-      <!---->
-    </div>
+</div>
+<div class="van-tabs__content">
+  <div role="tabpanel" class="van-tab__pane" style="">Text</div>
+  <div role="tabpanel" class="van-tab__pane" style="display: none;">
+    <!---->
   </div>
+  <div role="tabpanel" class="van-tab__pane" style="display: none;">
+    <!---->
+  </div>
+</div>
 </div>
 `;
 
@@ -88,21 +85,20 @@ exports[`click to switch tab 2`] = `
     <div role="tablist" class="van-tabs__nav van-tabs__nav--line" style="border-color: #f44;">
       <div class="van-tabs__line" style="background-color: rgb(255, 68, 68); width: 2px; transform: translateX(0px) translateX(-50%); transition-duration: 0.3s;"></div>
       <div role="tab" class="van-tab"><span class="van-ellipsis">title1</span></div>
-      <div role="tab" class="van-tab van-tab--active" aria-selected="true">
-        <div><span>title2</span></div>
-      </div>
-      <div role="tab" class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
+      <div role="tab" class="van-tab van-tab--active" aria-selected="true"><span class="van-ellipsis"><div><span>title2</span></div></span>
     </div>
+    <div role="tab" class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
   </div>
-  <div class="van-tabs__content">
-    <div role="tabpanel" class="van-tab__pane" style="display: none;">Text</div>
-    <div role="tabpanel" class="van-tab__pane" style="">
-      Text
-    </div>
-    <div role="tabpanel" class="van-tab__pane" style="display: none;">
-      <!---->
-    </div>
+</div>
+<div class="van-tabs__content">
+  <div role="tabpanel" class="van-tab__pane" style="display: none;">Text</div>
+  <div role="tabpanel" class="van-tab__pane" style="">
+    Text
   </div>
+  <div role="tabpanel" class="van-tab__pane" style="display: none;">
+    <!---->
+  </div>
+</div>
 </div>
 `;
 
@@ -135,19 +131,18 @@ exports[`lazy render 2`] = `
     <div role="tablist" class="van-tabs__nav van-tabs__nav--line" style="border-color: #f44;">
       <div class="van-tabs__line" style="background-color: rgb(255, 68, 68); width: 2px; transform: translateX(0px) translateX(-50%);"></div>
       <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-ellipsis">title1</span></div>
-      <div role="tab" class="van-tab">
-        <div><span>title2</span></div>
-      </div>
-      <div role="tab" class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
+      <div role="tab" class="van-tab"><span class="van-ellipsis"><div><span>title2</span></div></span>
     </div>
+    <div role="tab" class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
   </div>
-  <div class="van-tabs__content">
-    <div role="tabpanel" class="van-tab__pane">Text</div>
-    <div role="tabpanel" class="van-tab__pane" style="display: none;">
-      Text
-    </div>
-    <div role="tabpanel" class="van-tab__pane" style="display: none;">Text</div>
+</div>
+<div class="van-tabs__content">
+  <div role="tabpanel" class="van-tab__pane">Text</div>
+  <div role="tabpanel" class="van-tab__pane" style="display: none;">
+    Text
   </div>
+  <div role="tabpanel" class="van-tab__pane" style="display: none;">Text</div>
+</div>
 </div>
 `;
 
@@ -179,21 +174,20 @@ exports[`swipe to switch tab 1`] = `
     <div role="tablist" class="van-tabs__nav van-tabs__nav--line" style="border-color: #f44;">
       <div class="van-tabs__line" style="background-color: rgb(255, 68, 68);"></div>
       <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-ellipsis">title1</span></div>
-      <div role="tab" class="van-tab">
-        <div><span>title2</span></div>
-      </div>
-      <div role="tab" class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
+      <div role="tab" class="van-tab"><span class="van-ellipsis"><div><span>title2</span></div></span>
     </div>
+    <div role="tab" class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
   </div>
-  <div class="van-tabs__content">
-    <div role="tabpanel" class="van-tab__pane">Text</div>
-    <div role="tabpanel" class="van-tab__pane" style="display: none;">
-      <!---->
-    </div>
-    <div role="tabpanel" class="van-tab__pane" style="display: none;">
-      <!---->
-    </div>
+</div>
+<div class="van-tabs__content">
+  <div role="tabpanel" class="van-tab__pane">Text</div>
+  <div role="tabpanel" class="van-tab__pane" style="display: none;">
+    <!---->
   </div>
+  <div role="tabpanel" class="van-tab__pane" style="display: none;">
+    <!---->
+  </div>
+</div>
 </div>
 `;
 
@@ -203,21 +197,20 @@ exports[`swipe to switch tab 2`] = `
     <div role="tablist" class="van-tabs__nav van-tabs__nav--line" style="border-color: #f44;">
       <div class="van-tabs__line" style="background-color: rgb(255, 68, 68);"></div>
       <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-ellipsis">title1</span></div>
-      <div role="tab" class="van-tab">
-        <div><span>title2</span></div>
-      </div>
-      <div role="tab" class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
+      <div role="tab" class="van-tab"><span class="van-ellipsis"><div><span>title2</span></div></span>
     </div>
+    <div role="tab" class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
   </div>
-  <div class="van-tabs__content">
-    <div role="tabpanel" class="van-tab__pane" style="display: none;">Text</div>
-    <div role="tabpanel" class="van-tab__pane" style="">
-      Text
-    </div>
-    <div role="tabpanel" class="van-tab__pane" style="display: none;">
-      <!---->
-    </div>
+</div>
+<div class="van-tabs__content">
+  <div role="tabpanel" class="van-tab__pane" style="display: none;">Text</div>
+  <div role="tabpanel" class="van-tab__pane" style="">
+    Text
   </div>
+  <div role="tabpanel" class="van-tab__pane" style="display: none;">
+    <!---->
+  </div>
+</div>
 </div>
 `;
 
@@ -227,21 +220,20 @@ exports[`swipe to switch tab 3`] = `
     <div role="tablist" class="van-tabs__nav van-tabs__nav--line" style="border-color: #f44;">
       <div class="van-tabs__line" style="background-color: rgb(255, 68, 68);"></div>
       <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-ellipsis">title1</span></div>
-      <div role="tab" class="van-tab">
-        <div><span>title2</span></div>
-      </div>
-      <div role="tab" class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
+      <div role="tab" class="van-tab"><span class="van-ellipsis"><div><span>title2</span></div></span>
     </div>
+    <div role="tab" class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
   </div>
-  <div class="van-tabs__content">
-    <div role="tabpanel" class="van-tab__pane" style="display: none;">Text</div>
-    <div role="tabpanel" class="van-tab__pane" style="">
-      Text
-    </div>
-    <div role="tabpanel" class="van-tab__pane" style="display: none;">
-      <!---->
-    </div>
+</div>
+<div class="van-tabs__content">
+  <div role="tabpanel" class="van-tab__pane" style="display: none;">Text</div>
+  <div role="tabpanel" class="van-tab__pane" style="">
+    Text
   </div>
+  <div role="tabpanel" class="van-tab__pane" style="display: none;">
+    <!---->
+  </div>
+</div>
 </div>
 `;
 
@@ -251,20 +243,19 @@ exports[`swipe to switch tab 4`] = `
     <div role="tablist" class="van-tabs__nav van-tabs__nav--line" style="border-color: #f44;">
       <div class="van-tabs__line" style="background-color: rgb(255, 68, 68);"></div>
       <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-ellipsis">title1</span></div>
-      <div role="tab" class="van-tab">
-        <div><span>title2</span></div>
-      </div>
-      <div role="tab" class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
-    </div>
-  </div>
-  <div class="van-tabs__content">
-    <div role="tabpanel" class="van-tab__pane" style="">Text</div>
-    <div role="tabpanel" class="van-tab__pane" style="display: none;">
-      Text
-    </div>
-    <div role="tabpanel" class="van-tab__pane" style="display: none;">
-      <!---->
+      <div role="tab" class="van-tab"><span class="van-ellipsis"><div><span>title2</span></div></span>
     </div>
+    <div role="tab" class="van-tab van-tab--disabled"><span class="van-ellipsis">title3</span></div>
   </div>
 </div>
+<div class="van-tabs__content">
+  <div role="tabpanel" class="van-tab__pane" style="">Text</div>
+  <div role="tabpanel" class="van-tab__pane" style="display: none;">
+    Text
+  </div>
+  <div role="tabpanel" class="van-tab__pane" style="display: none;">
+    <!---->
+  </div>
+</div>
+</div>
 `;
diff --git a/packages/tabs/index.js b/packages/tabs/index.js
index 0ae47331d..5b448b17c 100644
--- a/packages/tabs/index.js
+++ b/packages/tabs/index.js
@@ -318,7 +318,8 @@ export default sfc({
     renderTitle(el, index) {
       this.$nextTick(() => {
         const title = this.$refs.title[index];
-        title.parentNode.replaceChild(el, title);
+        title.innerHTML = '';
+        title.appendChild(el);
       });
     },