在Blazor中,可以使用@bind
指令来实现检测表单值的变化。下面是一个示例代码:
@page "/form"
表单示例
姓名:
年龄:
姓名变化: @nameChanged
年龄变化: @ageChanged
@code {
private Person person = new Person();
private bool nameChanged;
private bool ageChanged;
private void OnNameChanged()
{
nameChanged = true;
}
private void OnAgeChanged()
{
ageChanged = true;
}
private class Person
{
public string Name { get; set; }
public int Age { get; set; }
}
}
在上面的示例中,通过使用@bind
指令,将输入框的值绑定到person
对象的属性上。当输入框的值发生变化时,Blazor会自动更新person
对象的属性值。
同时,我们在页面中添加了两个显示变化的标记,即nameChanged
和ageChanged
。这两个标记的初始值为false
。当输入框的值发生变化时,分别调用OnNameChanged
和OnAgeChanged
方法来将对应的标记设置为true
。
这样,我们就可以通过检查这两个标记的值来判断表单值是否发生了变化。