ASP.NET Core Blazor数据绑定2@bind与@bind-Value

原创已于 2023-02-27 21:34:03 修改 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ASP.NET Core #Blazor

于 2023-02-27 21:05:53 首次发布

ASP.NET Core Blazor 专栏收录该内容

32 篇文章

订阅专栏

文章介绍了Blazor框架中@bind指令的用途，它用于将组件的值与代码后面的对象属性绑定，并能处理变化事件。示例展示了如何在<input>和<InputTextArea>组件上使用@bind，以及默认的oninput事件处理。文中还提供了一个简单的UserName变量示例。

@bind将表达式的当前值与 value 特性关联，并使用注册的处理程序处理更改。这个针对的是一般的html组件。

@page "/"

<PageTitle>@UserName</PageTitle>

<div>
    文本：
    @*<input value=@UserName/>*@
    
     <input @bind="UserName" @bind:event="oninput"/>
     <InputTextArea @bind-Value="UserName" />
</div>

 <button class="btn btn-primary">@UserName</button>

@code{
    private string UserName = "小明";
}

@bind-Value针对的是一般的Blazor内置的组件。内置组件有：