如何在Svelte模板中模拟for循环

苗条的模板为我们提供了奇妙的每个块,使我们可以在数组或任何可迭代的对象上进行迭代:

<script>
let goodDogs = ['Roger', 'Syd']
</script>

{#each goodDogs as goodDog} <li>{goodDog}</li> {/each}

但是,如果您想基于变量重复执行几次块,该怎么办?假设我们有rows包含数字的变量,我们希望将其用作循环变量。

我们可以通过使用Array(n)句法。这将创建一个数组,并使用对其进行初始化n项目:

{#each Array(rows) as _, row}
  {row}
{/each}

免费下载我的苗条手册


更多精妙的教程: