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" />

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

为什么<input type =“ number” ...>不更改变量的值

1 个答案: