为什么<输入类型= "number" ...>不更改变量的值

Question

@page "/counter"
<h1>Counter</h1>
<p>Current count: @currentCount</p>
<button class="btn btn-primary" @onclick="IncrementCount" disabled="@(currentCount>10)">Click me +    </button>
<button class="btn btn-primary" @onclick="DecrementCount" disabled="@(currentCount==0)">Click Me -</button>
<input type="number" bind="@increment" />
@functions {
int currentCount = 0;
int increment = 1;
void IncrementCount()
{
currentCount+=increment; 

}
void DecrementCount()
{
currentCount--;
}
}

问题是：更改增量值没有效果。它仍然是1。为什么？

Answer 1

问题是：更改增量值没有效果。它仍然是1。为什么？

这是因为输入数字控件未绑定到增量变量。为了将输入数字绑定到增量变量，请使用@bind指令，如下所示：

<input type="number" @bind="increment" />

现在，输入数字控件已绑定到变量。当您在控件中选择一个数字时，变量增量将获得该数字，反之亦然。