Блог

Я использую класс стройных аккордеонов для аккордеонов. Теперь я пытаюсь получить динамический идентификатор каждого элемента аккордеона.

 <script>
import { Accordion, AccordionItem } from "svelte-accessible-accordion";

let id;
</script>

<Accordion>
<AccordionItem bind:id title="Title 1 {id}">Content 1</AccordionItem>
<AccordionItem bind:id title="Title 2 {id}">Content 2</AccordionItem>
<AccordionItem title="Title 3">Content 2</AccordionItem>
</Accordion>
 

в результате получается, что {id} всегда показывает последний идентификатор для каждого элемента. как я могу получить идентификатор каждого элемента аккордеона. Я попробовал с привязкой:это={идентификатор}

Извините, я на модусе стройного обучения, -) спасибо

стройный доступный класс аккордеона

Вместо этого вы можете хранить свои идентификаторы в массиве

 <script>
let ids = []
</script>
<AccordionItem bind:id={ids[0]} title="Title 1 {ids[0]}">Content 1</AccordionItem>
<AccordionItem bind:id={ids[1]} title="Title 2 {ids[1]}">Content 2</AccordionItem>