Skip to content

Commit a4ab796

Browse files
committed
fix(Tabs): use nullish coalescing on item value
Resolves #4804
1 parent 8d859ea commit a4ab796

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

src/runtime/components/Tabs.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -134,7 +134,7 @@ defineExpose({
134134
v-for="(item, index) of items"
135135
:key="index"
136136
:ref="el => (triggersRef[index] = el as ComponentPublicInstance)"
137-
:value="item.value || String(index)"
137+
:value="item.value ?? String(index)"
138138
:disabled="item.disabled"
139139
:class="ui.trigger({ class: [props.ui?.trigger, item.ui?.trigger] })"
140140
>
@@ -163,7 +163,7 @@ defineExpose({
163163
</TabsList>
164164

165165
<template v-if="!!content">
166-
<TabsContent v-for="(item, index) of items" :key="index" :value="item.value || String(index)" :class="ui.content({ class: [props.ui?.content, item.ui?.content, item.class] })">
166+
<TabsContent v-for="(item, index) of items" :key="index" :value="item.value ?? String(index)" :class="ui.content({ class: [props.ui?.content, item.ui?.content, item.class] })">
167167
<slot :name="((item.slot || 'content') as keyof TabsSlots<T>)" :item="(item as Extract<T, { slot: string; }>)" :index="index">
168168
{{ item.content }}
169169
</slot>

0 commit comments

Comments
 (0)