diff --git a/components/tabs/TabBar.vue b/components/tabs/TabBar.vue
index a3ea6acd8..4305e455b 100644
--- a/components/tabs/TabBar.vue
+++ b/components/tabs/TabBar.vue
@@ -1,10 +1,9 @@
 <script>
-import RefMixin from './RefMixin'
 import TabBarMixin from './TabBarMixin'
 function noop () {
 }
 export default {
-  mixins: [RefMixin, TabBarMixin],
+  mixins: [TabBarMixin],
   name: 'TabBar',
   props: {
     prefixCls: {
diff --git a/components/tabs/TabBarMixin.js b/components/tabs/TabBarMixin.js
index ddbc03df7..ac3381576 100644
--- a/components/tabs/TabBarMixin.js
+++ b/components/tabs/TabBarMixin.js
@@ -17,10 +17,10 @@ export default {
         const onClick = () => {
           !child.disabled && this.onTabClick(key)
         }
-        const ref = {}
-        if (activeKey === key) {
-          ref.ref = this.saveRef('activeTab')
-        }
+        // const ref = {}
+        // if (activeKey === key) {
+        //   ref.ref = this.saveRef('activeTab')
+        // }
         rst.push(
           <div
             role='tab'
@@ -29,6 +29,7 @@ export default {
             class={cls}
             key={key}
             onClick={onClick}
+            ref={activeKey === key ? 'activeTab' : undefined}
           >
             {child.tab}
           </div>
@@ -61,7 +62,7 @@ export default {
           role='tablist'
           class={cls}
           tabIndex='0'
-          ref={this.saveRef('root')}
+          ref='root'
           onKeydown={onKeyDown}
         >
           {children}