在Blazor中,可以通过直接将类绑定到输入元素来实现双向绑定的效果。以下是一个示例代码:
首先,创建一个类,例如Person.cs:
public class Person
{
public string Name { get; set; }
public int Age { get; set; }
}
接下来,在Blazor组件中使用该类:
@page "/person"
@using YourNamespace.Person
Person Info
Person Name: @person.Name
Person Age: @person.Age
@code {
private Person person = new Person();
}
在上面的代码中,我们首先导入Person类的命名空间。然后,在Blazor组件的代码块中创建了一个名为person的私有变量,并将其初始化为Person类的实例。
然后,我们使用@bind指令将person.Name和person.Age绑定到输入元素上。这样,当输入元素的值发生变化时,person对象的相应属性也会自动更新。
最后,我们可以在页面上显示person对象的属性值。
这样,当用户在输入框中输入内容时,person对象的属性值会自动更新,并且可以在页面上实时显示出来。