diff --git a/docs/examples/segmented/custom-content.vue b/docs/examples/segmented/custom-content.vue
index 52e9b214e0..954996f95b 100644
--- a/docs/examples/segmented/custom-content.vue
+++ b/docs/examples/segmented/custom-content.vue
@@ -1,12 +1,12 @@
 <template>
   <div>
     <el-segmented v-model="value" :options="options">
-      <template #default="{ item }">
+      <template #default="scope">
         <div class="flex flex-col items-center gap-2 p-2">
           <el-icon size="20">
-            <component :is="item.icon" />
+            <component :is="scope.item.icon" />
           </el-icon>
-          <div>{{ item.label }}</div>
+          <div>{{ scope.item.label }}</div>
         </div>
       </template>
     </el-segmented>
diff --git a/docs/examples/segmented/custom-direction.vue b/docs/examples/segmented/custom-direction.vue
index 70b4b0c5c3..51a41e0d94 100644
--- a/docs/examples/segmented/custom-direction.vue
+++ b/docs/examples/segmented/custom-direction.vue
@@ -18,7 +18,7 @@
       :direction="direction"
       :size="size"
     >
-      <template #default="{ item }">
+      <template #default="scope">
         <div
           :class="[
             'flex',
@@ -29,9 +29,9 @@
           ]"
         >
           <el-icon size="20">
-            <component :is="item.icon" />
+            <component :is="scope.item.icon" />
           </el-icon>
-          <div>{{ item.label }}</div>
+          <div>{{ scope.item.label }}</div>
         </div>
       </template>
     </el-segmented>