From 6de5aacce4836fa4201a1a4dc05ad0f7446f8fbb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90?= <sxzz@sxzz.moe>
Date: Mon, 15 Nov 2021 10:08:07 +0800
Subject: [PATCH] fix(components): [el-tabs] fix tab render (#4383)

---
 packages/components/tabs/src/tab-nav.ts | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/packages/components/tabs/src/tab-nav.ts b/packages/components/tabs/src/tab-nav.ts
index 1d60abf5c3..4b08724c04 100644
--- a/packages/components/tabs/src/tab-nav.ts
+++ b/packages/components/tabs/src/tab-nav.ts
@@ -325,17 +325,13 @@ export default defineComponent({
             'aria-selected': pane.active,
             ref: `tab-${tabName}`,
             tabindex,
-            onFocus: () => {
-              setFocus()
-            },
-            onBlur: () => {
-              removeFocus()
-            },
-            onClick: (ev) => {
+            onFocus: () => setFocus(),
+            onBlur: () => removeFocus(),
+            onClick: (ev: MouseEvent) => {
               removeFocus()
               props.onTabClick(pane, tabName, ev)
             },
-            onKeydown: (ev) => {
+            onKeydown: (ev: KeyboardEvent) => {
               if (
                 closable &&
                 (ev.code === EVENT_CODE.delete ||
@@ -380,7 +376,7 @@ export default defineComponent({
                       : '',
                   ],
                   ref: nav$,
-                  style: navStyle,
+                  style: navStyle.value,
                   role: 'tablist',
                   onKeydown: changeTab,
                 },