svelte - svelte：更改 html 块内的变量值

Question

<script>
    let count=0;
</script>

{#each list as item, i}
    <div class="item">
        <Item  />
    </div>
{/each}

如何在 svelte 中的每个块内增加某些条件下的计数？

Answer 1

如果您需要增加实际count变量，您可以在<script>标签中定义的回调中执行此操作：

<script>
    let count = 0;
    const increment = () => count++;
</script>

{#each list as item, i}
    <div class="item">
        <!-- Use increment() somewhere in here -->
        <Item />
    </div>
{/each}

如果您需要做的只是在count不改变原始变量的情况下添加一些量，您可以在大括号内这样说：

<script>
    let count = 0;
</script>

{#each list as item, i}
    <div class="item">
        {count + i}
        <Item />
    </div>
{/each}

Answer 2

您可以只在括号内使用 JS，例如{count + i}或{count + 1}。或者在循环中，您可以使用条件语句，如{#if count > 1}. 你是这个意思吗？