代码之家  ›  专栏  ›  技术社区  ›  Sam Sabin

是否可以将Svelte{#each}循环的结果限制一定的量?

  •  0
  • Sam Sabin  · 技术社区  · 7 月前

    我使用{#each}循环来显示数据,但我很好奇Svelte是否有办法用整数限制结果。

    例如,如果我有以下数组和循环:

    const object = [1, 2, 3, 4, 5];
    
    {#each objects as object, i}
    <div>{object}</div
    {/each}
    
    // result:
    
    <div>1<div>
    <div>2<div>
    <div>3<div>
    <div>4<div>
    <div>5<div>
    

    是否有以下内容:

    {#each objects as object, i, limit 3}
    <div>{object}</div
    {/each}
    
    // result:
    
    <div>1<div>
    <div>2<div>
    <div>3<div>
    
    1 回复  |  直到 7 月前
        1
  •  1
  •   brunnerh    7 月前

    只是 slice 阵列。

    {#each objects.slice(0, 3) as object, i}
    

    (也可以提取到 <script> 通过 $: 陈述 $derived 在Svelte 5中。)