Svelte 3 - 如何循环每个块 X 次

Question

我希望找到一种方法来在 Svelte 3 中迭代 #each 块一定次数。在 Vue 中，我会做这样的事情：

<li v-for="i in 3"><!-- somecontent --></li>

但据我所知，Svelte 使用 #eached 数组的 .length 属性处理循环的方式大不相同。有没有办法在 Svelte 中完成这样的事情？

{#each 3 as i}
  <li><!-- somecontent --></li>
{/if}

Answer 1

您可以使用{#each ...}，例如：

{#each Array(3) as _, i}
    <li>{i + 1}</li>
{/each}

Answer 2

一个#each具有length属性，所以标签可以循环任何东西：

{#each {length: 3} as _, i}
    <li>{i + 1}</li>
{/each}

如果您愿意，也可以使用。