diff --git a/packages/vant/src/tabs/Tabs.tsx b/packages/vant/src/tabs/Tabs.tsx
index ec7c68339..a80d03712 100644
--- a/packages/vant/src/tabs/Tabs.tsx
+++ b/packages/vant/src/tabs/Tabs.tsx
@@ -361,6 +361,7 @@ export default defineComponent({
     const renderNav = () =>
       children.map((item, index) => (
         <TabsTitle
+          v-slots={{ title: item.$slots.title }}
           id={`${id}-${index}`}
           ref={setTitleRefs(index)}
           type={props.type}
@@ -370,7 +371,6 @@ export default defineComponent({
           isActive={index === state.currentIndex}
           controls={item.id}
           scrollable={scrollable.value}
-          renderTitle={item.$slots.title}
           activeColor={props.titleActiveColor}
           inactiveColor={props.titleInactiveColor}
           onClick={(event: MouseEvent) => onClickTab(item, index, event)}
diff --git a/packages/vant/src/tabs/TabsTitle.tsx b/packages/vant/src/tabs/TabsTitle.tsx
index 72f9215cc..1215b4a2d 100644
--- a/packages/vant/src/tabs/TabsTitle.tsx
+++ b/packages/vant/src/tabs/TabsTitle.tsx
@@ -19,12 +19,11 @@ export default defineComponent({
     controls: String,
     scrollable: Boolean,
     activeColor: String,
-    renderTitle: Function,
     inactiveColor: String,
     showZeroBadge: truthProp,
   },
 
-  setup(props) {
+  setup(props, { slots }) {
     const style = computed(() => {
       const style: CSSProperties = {};
       const { type, color, disabled, isActive, activeColor, inactiveColor } =
@@ -56,7 +55,7 @@ export default defineComponent({
     const renderText = () => {
       const Text = (
         <span class={bem('text', { ellipsis: !props.scrollable })}>
-          {props.renderTitle ? props.renderTitle() : props.title}
+          {slots.title ? slots.title() : props.title}
         </span>
       );