fix: tab 组件修正渲染函数导致的生产版本错误 (#4787)

Tencent · Nov 29, 2024 · e639a3c · e639a3c
1 parent 64bb0ce
commit e639a3c
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/tabs/tab-nav.tsx b/src/tabs/tab-nav.tsx
@@ -211,7 +211,7 @@ export default defineComponent({
       handleActiveTabScroll();
     });
     // renders
-    const navs = computed(() => {
+    const renderNavsContent = () => {
       return props.panels.map((panel, index) => {
         let label;
         if (panel?.children?.label) {
@@ -244,7 +244,7 @@ export default defineComponent({
           />
         );
       });
-    });
+    };
     const renderArrows = () => {
       return [
         <div
@@ -280,14 +280,15 @@ export default defineComponent({
       ];
     };
     const renderNavs = () => {
+      const navContent = renderNavsContent();
       return (
         <div class={navContainerClass.value}>
           <div class={navScrollContainerClass.value} onWheel={handleWheel}>
             <div ref={navsWrapRef} class={navsWrapClass.value} style={wrapTransformStyle.value}>
               {props.theme !== 'card' && (
-                <TTabNavBar placement={props.placement} value={props.value} navs={navs.value} />
+                <TTabNavBar placement={props.placement} value={props.value} navs={navContent} />
               )}
-              {navs.value}
+              {navContent}
             </div>
           </div>
         </div>