Я хотел обернуть все слоты моего пользовательского компонента.Но я не мог перебирать слоты.Мой пользовательский компонент выглядит следующим образом:
<Tab>
<span slot="header">Tab Header 1</span>
<span slot="header">Tab Header 2</span>
<span slot="header">Tab Header 3</span>
... maybe other slots that are not "header"
</Tab>
Затем внутри Tab.svelte
:
{#each ?? as slot}
<a class="tab-item">
<each-slot />
</a>
{/each}
Выше я пытаюсь перебрать дочерние элементы / слоты с именем "header" и обернуть ихс тегом привязки.Как я могу это сделать?
Редактировать : я не хочу передавать объекты JavaScript, такие как:
<Tab headers={['Header 1', 'Header 2', 'Header 3']}>