Blazor 值更改，同时保持双向绑定

Question

有没有办法保持 2 向绑定，以及在@onchange上调用一个方法？

像这样的东西。

<input class="form-control" placeholder="My Number" @bind="Record.Number"  @onchange="(()=> MyMethod())">

我希望它绑定，但是在更改调用时，其他一些方法不会从更改事件中设置Record.Number值。

@onkeyup有效，但我想确保值实际发生变化。

Answer 1

这一行：

<input class="form-control" placeholder="My Number" @bind="Record.Number"  
@onchange="(()=> MyMethod())">

可以用另一种方式表达：

<input class="form-control" placeholder="My Number" value="@record.Number" 
@onchange="@((args) => { record.Number = args.Value.ToString(); 
MyMethod();})"/>

这将创建一个双向绑定，其中输入值在绑定字段(记录。数字(，因为触发了"更改"事件(当您跳出控件时，这总是发生(。此外，还调用 MyMethod 方法(此处用于演示值已更改(和计时(跳出控件(。

下面是一个工作示例：

<input class="form-control" placeholder="My Number" value="@record.Number" 
@onchange="@((args) => { record.Number = args.Value.ToString(); MyMethod();})">
<p>@output</p>
@code {
private static string output;
private void MyMethod()
{
output = record.Number;
}
Record record = new Record();
public class Record
{
public string Number { get; set; }
}
}

希望这有帮助...