Blazor中输入框为何无法将值绑定到变量?
问题解决:Blazor输入框绑定不同步更新
你的代码存在两个关键错误,导致
标签内容无法随输入同步更新:
- 绑定指令大小写错误:Blazor的绑定指令为
@bind-Value(注意Value首字母大写),而非@bind-value。Blazor对组件指令和参数区分大小写,小写的value无法触发正确的绑定逻辑。 - 绑定变量多余@符号:
@bind-Value后直接写变量名即可,无需额外添加@,正确写法是@bind-Value="Meno"而非@bind-value="@Meno"。
修正后的完整代码:
<PageTitle>Home</PageTitle> <h1>@Meno</h1> <input class="form-control" @bind-Value="Meno" @bind-Value:event="oninput" /> @code { private string Meno = "Jano"; }
补充说明:@bind-Value:event="oninput"的写法是正确的,它能让输入框在每输入一个字符时就触发绑定更新(而非默认的失去焦点时更新),修正上述两个问题后即可实现内容同步显示。
内容的提问来源于stack exchange,提问作者mobile gamer
相关产品推荐
相关产品推荐

