fix(tab-nav): arrow display is abnormal (#3517)

Tencent · Oct 24, 2023 · 6b38e4a · 6b38e4a
1 parent 2b8dcdf
commit 6b38e4a
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/tabs/tab-nav.tsx b/src/tabs/tab-nav.tsx
@@ -1,4 +1,4 @@
-import { h, defineComponent, Transition, ref, computed, watch, onMounted } from 'vue';
+import { h, defineComponent, Transition, ref, computed, watch, onMounted, nextTick } from 'vue';
 import debounce from 'lodash/debounce';
 import {
   ChevronLeftIcon as TdChevronLeftIcon,
@@ -137,8 +137,10 @@ export default defineComponent({
     });
 
     const totalAdjust = () => {
-      adjustArrowDisplay();
-      adjustScrollLeft();
+      nextTick(() => {
+        adjustArrowDisplay();
+        adjustScrollLeft();
+      });
     };
     // watch
     watch([scrollLeft, () => props.placement, () => props.panels], totalAdjust);