苗条3-如何循环每个块X次

时间:2019-10-03 06:41:12

标签: javascript arrays svelte svelte-3

我希望在Svelte 3中找到一种方法来遍历#each块一段时间。在Vue中,我将执行以下操作:

<li v-for="i in 3">//some content</li>

但是据我了解,Svelte使用#eached数组的.length属性处理循环的方式大不相同。有什么方法可以在Svelte中完成类似的事情?

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

2 个答案:

答案 0 :(得分:15)

#each标签可以循环带有length属性的任何内容,因此:

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

如果愿意,也可以使用。

答案 1 :(得分:4)

您可以使用{#each ...},例如:

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