为什么微调器没有立即停止并显示消息弹出？

Question

我有一个 Blazor 服务器站点，其中包含一个应该执行以下操作的简单方法：

• 在按钮上启动微调器
• 执行SaveChanges，
• 停止微调器并显示一条消息，提醒用户注意结果，
• 5 秒后清除消息。

代码如下：

private async Task HandleValidSubmit() {
  // Start spinner
  Icon = "spinner-border spinner-border-sm";
  try {
    Context.Update(Case);
    await Context.SaveChangesAsync();
    message = "Key info successfully updated";
    messageStatus = "success";
  } catch (Exception ex) {
    message = ex.Message;
    messageStatus = "danger";
  }

  // Stop spinner
  Icon = "k-icon k-i-save";
  await Task.Delay(5000);
  messageStatus = " d-none";
}

但是，当运行该方法时，微调器会显示五秒钟，并且不会出现任何消​​息。如果我注释掉 await Context.SaveChangesAsync(); 它会按预期运行。

为什么当第一个 await 完成时微调器没有停止，为什么消息没有显示 5 秒？是否与两次await 通话有关？

我做错了什么？任何帮助表示赞赏。

Answer 1

因为您正在以异步方法对字段进行更新，所以当您更改这些值（例如消息文本）时，可能会导致页面和文本上的状态未更新且未显示。

尝试使用 await InvokeAsync(()=>StateHasChanged()); 告诉 UI 它应该使用新值进行更新。