From d88c04cae41e28168ead60be81b152c167458fbd Mon Sep 17 00:00:00 2001
From: neverland <jait.chen@foxmail.com>
Date: Thu, 6 Oct 2022 16:23:05 +0800
Subject: [PATCH] fix(Tabs): incorrect nav scroll animation in some cases
 (#11116)

* fix(Tabs): incorrect nav scroll animation in some cases

* chore: fix snapshot
---
 .../test/__snapshots__/index.spec.ts.snap          |  2 +-
 packages/vant/src/tabs/Tabs.tsx                    | 14 ++++++++------
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
index 6dcf78359..5cd2ac886 100644
--- a/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
@@ -346,7 +346,7 @@ exports[`should have two "van-coupon-list__empty" classes when render coupon lis
           </span>
         </div>
         <div class="van-tabs__line"
-             style="transform: translateX(50px) translateX(-50%); transition-duration: 0.3s;"
+             style="transform: translateX(50px) translateX(-50%);"
         >
         </div>
       </div>
diff --git a/packages/vant/src/tabs/Tabs.tsx b/packages/vant/src/tabs/Tabs.tsx
index bbde8fd20..10ddfbdf1 100644
--- a/packages/vant/src/tabs/Tabs.tsx
+++ b/packages/vant/src/tabs/Tabs.tsx
@@ -253,7 +253,14 @@ export default defineComponent({
       const newName = getTabName(newTab, newIndex);
       const shouldEmitChange = state.currentIndex !== null;
 
-      state.currentIndex = newIndex;
+      if (state.currentIndex !== newIndex) {
+        state.currentIndex = newIndex;
+
+        if (!skipScrollIntoView) {
+          scrollIntoView();
+        }
+        setLine();
+      }
 
       if (newName !== props.active) {
         emit('update:active', newName);
@@ -263,11 +270,6 @@ export default defineComponent({
         }
       }
 
-      if (!skipScrollIntoView) {
-        scrollIntoView();
-      }
-      setLine();
-
       // scroll to correct position
       if (stickyFixed && !props.scrollspy) {
         setRootScrollTop(