我怎样才能通过一个按钮带来一个变量

Question

我正在制作一个简单的购物网站，我想制作一个循环来为所有商品创建一个显示。

<script>
    function Test(A) {
        alert(A)
    }
</script>

<body>
    <h1>Hello</h1>
    <button on:click = {Test("Hello")}>Test button</button>
</body>

目前我运行这个功能，我在加载网站时收到警报，然后按钮没有任何作用。我该如何解决这个问题？

Answer 1

你想要这个：

<button on:click={() => Test("Hello")}>Test button</button>

通过执行 on:click={Test("Hello")}，您说的是“在页面加载时调用 Test 并将 return 值添加为按钮上的点击处理程序。”这就是为什么该函数只被调用一次的原因。相反，您想传递对函数的引用——这样，每次单击都会调用该函数。

我怎样才能通过一个按钮带来一个变量

How can i bring a variable through a button

html

svelte