.NET Core后端修改Model属性后视图未显示更新值求助

1. 清除ModelState旧值 #

Asp.Net Core在Post请求后会优先使用ModelState中的旧值渲染控件，哪怕你在控制器里更新了模型属性，这是最常见的触发原因。

• 解决代码：

  // 清除指定字段的ModelState
  ModelState.Remove("Disbursement.Amount");
  // 或者清除整个ModelState（适用于多字段更新场景）
  // ModelState.Clear();
  model.Disbursement.Amount = 150000;
  return View(model);
  

2. 修正控件绑定方式 #

确保输入控件没有手动硬编码value属性，让asp-for自动处理绑定：

• 错误示例（会覆盖模型值）：

  <input type="number" value="0.00" asp-for="Disbursement.Amount" />
  

• 正确示例：

  <input type="number" asp-for="Disbursement.Amount" />
  

3. 排查Blazor项目带来的缓存/静态文件冲突 #

运行Blazor项目后可能导致浏览器或服务器缓存了旧资源：

• 强制浏览器硬刷新（Ctrl+F5）清除本地缓存后重试。
• 临时禁用静态文件缓存验证：
  在Program.cs中添加配置：

  app.UseStaticFiles(new StaticFileOptions
  {
      OnPrepareResponse = ctx =>
      {
          ctx.Context.Response.Headers.Append("Cache-Control", "no-cache, no-store, must-revalidate");
      }
  });
  

4. 验证模型传递是否正常 #

在视图顶部添加调试代码，确认模型值是否正确传递：

@{
    <p>调试输出：@Model.Disbursement.Amount</p>
}

• 如果这里显示150000但控件显示0：问题出在绑定或ModelState
• 如果这里也显示0：检查控制器代码是否正确实例化Disbursement对象，或是否使用了错误的模型实例

5. 排除客户端脚本干扰 #

Blazor项目可能引入了冲突的JS脚本：

• 暂时移除视图中所有自定义JS代码，测试是否恢复正常。
• 打开浏览器控制台，检查是否有JS报错导致控件渲染异常。

内容的提问来源于stack exchange，提问作者mafabix