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
相关产品推荐
相关产品推荐

