You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Blazor中输入框为何无法将值绑定到变量?

问题解决:Blazor输入框绑定不同步更新

你的代码存在两个关键错误,导致

标签内容无法随输入同步更新:

  1. 绑定指令大小写错误:Blazor的绑定指令为@bind-Value(注意Value首字母大写),而非@bind-value。Blazor对组件指令和参数区分大小写,小写的value无法触发正确的绑定逻辑。
  2. 绑定变量多余@符号:@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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.22 08:12:02