【L?S】ASP.NET Core Blazor Webass
双向绑定双向绑定主要使用在一些输入控件上,比如input,select等。当我们对这些控件上的值进行修改后会回写绑定的字段。这种特性在表单场景中非常有用。我们定义一个用户信息编辑的组件来演示下:
@page "/infoedit"
userName: @userName
sex: @sex
userName:
sex:
男
女
@code {
private string userName="abc";
private string sex="f";
}
t8HBB8.md.gif
当我们运行这个组件,在文本框进行修改后,鼠标点击其他地方让文本框失去焦点值就会回写到绑定的字段上,上面的单向绑定信息会自动同步。但是如果你用过VUE或者Angularjs的双向绑定就会觉得失去焦点再回写字段数据太慢了,一点也不酷。要知道VUE的双向绑定可是实时同步的,那么Blazor如何做到在输入的同时就更新值呢,答案是使用@bind:event来指定回写的激发事件,我们改成“oninput”事件就可以实现:
userName:
http://cdn.u1.huluxia.com/g4/M03/93/64/rBAAdl78EQOAY2snAAKqv8KiwVM999.jpg
页:
[1]