Blazor：如何强制将变量更新同步至子组件？

问题原因 #

你设置HasUnsavedChanges = false后立即调用Navigation.NavigateTo，此时Blazor的渲染周期还没来得及将新值同步到ConfirmNavigation组件的参数中，组件依然读取旧的true值，导致拦截逻辑触发。

无需添加设置方法的解决方案 #

遵循Blazor组件参数绑定规范，只需确保父组件的状态变更完成渲染后再执行导航，以下是两种可靠方式：

方法1：使用StateHasChanged() + Task.Yield()

HasUnsavedChanges = false;
StateHasChanged(); // 通知Blazor当前组件状态变更，需要重新渲染
await Task.Yield(); // 让出执行权，让Blazor优先完成子组件参数更新和渲染
Navigation.NavigateTo(gotoUrl);

Task.Yield()会让当前异步方法暂停，给Blazor的渲染调度器足够时间将新的HasUnsavedChanges值同步到子组件，之后再执行导航时，ConfirmNavigation组件的参数已经是false。

方法2：使用InvokeAsync(StateHasChanged)确保UI线程执行

如果你的代码不在UI线程（比如后台任务回调），可以用InvokeAsync包裹状态变更通知：

HasUnsavedChanges = false;
await InvokeAsync(StateHasChanged); // 确保在UI线程触发状态变更
await Task.Yield();
Navigation.NavigateTo(gotoUrl);

额外注意事项 #

确保ConfirmNavigation组件直接使用HasUnsavedChanges参数，不要将参数值缓存到私有字段中（比如不要定义_hasUnsavedChanges来存储参数值），否则参数更新后组件可能读取缓存的旧值。你的组件当前代码直接使用参数，这部分是正确的。

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