diff --git a/docs/examples/tabs/basic.vue b/docs/examples/tabs/basic.vue
index d23b8b36df..d75a76fb93 100644
--- a/docs/examples/tabs/basic.vue
+++ b/docs/examples/tabs/basic.vue
@@ -8,10 +8,11 @@
 </template>
 <script lang="ts" setup>
 import { ref } from 'vue'
+import type { TabsPaneContext } from 'element-plus'
 
 const activeName = ref('first')
 
-const handleClick = (tab: string, event: Event) => {
+const handleClick = (tab: TabsPaneContext, event: Event) => {
   console.log(tab, event)
 }
 </script>
diff --git a/docs/examples/tabs/card-style.vue b/docs/examples/tabs/card-style.vue
index f6a80bf77d..7b8fea1e6d 100644
--- a/docs/examples/tabs/card-style.vue
+++ b/docs/examples/tabs/card-style.vue
@@ -13,10 +13,11 @@
 </template>
 <script lang="ts" setup>
 import { ref } from 'vue'
+import type { TabsPaneContext } from 'element-plus'
 
 const activeName = ref('first')
 
-const handleClick = (tab: string, event: Event) => {
+const handleClick = (tab: TabsPaneContext, event: Event) => {
   console.log(tab, event)
 }
 </script>