From 1299d4a88fc65ccb83276126aa745b404e34f739 Mon Sep 17 00:00:00 2001
From: xiahouwei <xiahouwei@aliyun.com>
Date: Fri, 17 Jun 2022 22:27:54 +0800
Subject: [PATCH] fix(components): [tabs] fix change acitve cannot scroll in
 view (#8332)

fix change active cannot scroll in view

closed #8114
---
 packages/components/tabs/src/tabs.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/components/tabs/src/tabs.tsx b/packages/components/tabs/src/tabs.tsx
index 78ebc774d7d05..f151e55b410b1 100644
--- a/packages/components/tabs/src/tabs.tsx
+++ b/packages/components/tabs/src/tabs.tsx
@@ -1,4 +1,12 @@
-import { defineComponent, provide, reactive, ref, renderSlot, watch } from 'vue'
+import {
+  defineComponent,
+  nextTick,
+  provide,
+  reactive,
+  ref,
+  renderSlot,
+  watch,
+} from 'vue'
 import {
   buildProps,
   definePropType,
@@ -137,6 +145,7 @@ export default defineComponent({
     )
 
     watch(currentName, async () => {
+      await nextTick()
       // call exposed function, Vue doesn't support expose in typescript yet.
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-expect-error