无名 发表于 2022-5-8 17:34:00

【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]
查看完整版本: 【L?S】ASP.NET Core Blazor Webass