svelte：如何显示列表中每个元素的道具 ID

Question

我正在为 Accordeons 使用 svelte-accesible-accordion 类。现在我尝试获取每个 AccordionItem 的动态 id-prop。

<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}​​ 总是显示每个项目的最后一个 id。我怎样才能得到每个 AccordionItem 的 id。我尝试使用 bind:this={id}

抱歉，我正在使用 svelte-learning-modus，-) 谢谢

svelte accesible accordion class

Answer 1

您可以将您的 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>