Blazor WebAssembly应用如何触发所有页面的状态更新？

不用给每个页面重复配置事件监听，你可以通过以下步骤实现一键刷新所有显示组件的状态：

1. 改造状态服务，添加变更通知机制 #

先给你的StateService增加状态变更事件，让它能在状态（比如语言）改变时通知所有订阅者：

public class StateService
{
    private int _currentCount;
    public int CurrentCount
    {
        get => _currentCount;
        set
        {
            if (_currentCount != value)
            {
                _currentCount = value;
                OnStateChanged?.Invoke();
            }
        }
    }

    // 状态变更触发的事件
    public event Action? OnStateChanged;

    // 主动调用以触发全局状态更新通知
    public void NotifyStateChanged()
    {
        OnStateChanged?.Invoke();
    }
}

2. 创建基类组件统一处理刷新逻辑 #

新建一个BaseComponent.razor作为所有页面/组件的基类，在里面统一订阅状态变更事件并触发组件刷新：

@inject StateService StateService
@implements IDisposable

@code {
    protected override void OnInitialized()
    {
        // 订阅状态变更事件
        StateService.OnStateChanged += TriggerRefresh;
    }

    private void TriggerRefresh()
    {
        // 通知组件更新状态
        StateHasChanged();
    }

    public void Dispose()
    {
        // 组件销毁时取消订阅，避免内存泄漏
        StateService.OnStateChanged -= TriggerRefresh;
    }
}

3. 让页面/组件继承基类 #

把你所有需要刷新的页面（比如Index.razor、Counter.razor）修改为继承这个基类，无需再写重复的监听代码：

@inherits BaseComponent

<!-- 原页面的内容保持不变 -->

4. 语言切换时触发全局通知 #

在侧边栏的语言切换按钮逻辑里，完成语言切换后调用状态服务的通知方法：

@inject StateService StateService

<button @onclick="SwitchLanguage">切换语言</button>

@code {
    private void SwitchLanguage()
    {
        // 执行你的语言切换逻辑（比如修改当前文化信息）
        // ...

        // 通知所有组件刷新状态
        StateService.NotifyStateChanged();
    }
}

这样只要在语言切换时调用NotifyStateChanged()，所有继承了BaseComponent的页面和组件都会自动触发状态更新，不用逐个页面配置。

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