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

Blazor WASM双向绑定设置:代码修改值后输入框不更新问题

Blazor双向绑定失效问题解决

你的代码里按钮事件绑定用错了,导致ChangeText方法根本没被触发:

  • 你用了原生HTML的onclick属性,它会去调用全局JavaScript函数,而非Blazor组件内的C#方法。
  • 正确做法是使用Blazor的@onclick指令绑定C#方法。

修改后的代码:

@page "/"

<input type="text" @bind-value=@result>

<input type="button" @onclick="ChangeText" value="Submit" />

<p>@result</p>

@code {
    protected string result = "Hello";

    private void ChangeText()
    {
        result = "World";
    }
}

点击按钮时,@onclick会触发组件内的ChangeText方法更新result值,Blazor的双向绑定机制会自动同步输入框的显示内容,解决输入框不更新的问题。

内容的提问来源于stack exchange,提问作者savagepanda

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.01 07:50:14