Blazor 为什么'；t<；输入类型="；数字&燃气轮机；更改变量的值 @page”/counter 柜台

当前计数：@currentCount

点击我+ 点击我- @功能{ int currentCount=0； int增量=1； void IncrementCount（） { currentCount+=增量； } 无效递减计数（） { 当前计数--； } } 问题是：更改增量值没有效果。它仍然是1。为什么?

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

这是因为输入编号控件未绑定到增量变量。要将输入编号绑定到增量变量，请使用

@bind

指令，如下所示：

@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--;
    }
}

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

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