苗条的模板为我们提供了奇妙的每个块,使我们可以在数组或任何可迭代的对象上进行迭代:
<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}
免费下载我的苗条手册
更多精妙的教程:
- Svelte入门-简短教程
- 如何在斯维尔特使用道具
- 如何在Svelte中导入组件
- 如何从Svelte组件导出函数和变量
- 苗条的模板:条件逻辑
- 如何按需重新渲染Svelte组件
- 苗条的插槽
- 如何在Svelte模板中添加评论
- 苗条的绑定
- 在Svelte中处理状态更新
- Svelte中的反应性陈述
- 苗条的生命周期事件
- 苗条的模板:循环
- 解决Svelte模板中的承诺
- 处理斯维尔特的活动
- 斯维尔特的跨组件状态管理
- 如何在脚本模块外部的Sapper中访问URL参数
- 如何在Svelte中动态应用CSS
- 如何在Sapper中重定向到URL
- 如何在Svelte模板中模拟for循环