小编Kar*_*dra的帖子

问题在于，由于某种原因，on:click 会在页面加载时触发。任何人都可以向我解释为什么会发生这种情况以及如何防止它发生，这样它只会在您实际选中该框时触发。只有当 on:click 位于每个块内时才会发生这种情况。

<script>
    function handleClick(number) {
        alert(number)
    }
    let numbers = [1,2,3,4,5,6]
</script>
{#each numbers as number}
    <input type=checkbox on:click={handleClick(number)}>
{/each}

你可以在这里查看

我们遇到了一个问题，点击是将一个类添加到 div，但类 CSS 没有添加到 div。它只是添加了类。

<script>
    function handleClick() {
        document.getElementById('text').classList.add('blueText')
    }
</script>
<style>
    .blueText{
        color:blue;
    }
</style>
<button on:click={handleClick}>
    Click me
</button>
<div id="text">
        Text
</div>

创建了一个 REPL 来查看它。任何解释或解决方案表示赞赏

https://svelte.dev/repl/85554a5f15134a5694c36fc4f4782029?version=3.23.2