Blazor Server组件参数传递问题：侧边导航选中状态无法重置

你的判断是对的：TopNav里修改的ResetSelection是组件局部作用域的。Blazor遵循单向数据流原则，父组件传递给子组件的参数是只读的副本，子组件修改这个副本不会同步回父组件的原始变量——这就是为什么MainLayout里的ResetSelection始终是false，SideNav的OnParametersSet永远触发不了true分支的原因。

下面提供两种可行的解决方式：

方式一：使用回调委托（推荐，适合简单组件间通信） #

核心思路是让子组件通过回调通知父组件修改状态，再由父组件把更新后的状态同步给其他子组件。

1. 修改MainLayout的逻辑
   在MainLayout里定义回调方法，负责切换ResetSelection状态并触发组件重渲染：

   protected bool ResetSelection { get; set; } = false;
   
   private void TriggerSideNavReset()
   {
       // 标记需要重置侧边导航
       ResetSelection = true;
       StateHasChanged();
       
       // 延迟重置状态，避免重复触发
       _ = Task.Delay(1).ContinueWith(_ =>
       {
           ResetSelection = false;
           StateHasChanged();
       });
   }
   

2. 更新组件传递逻辑
   给TopNav传递回调方法，而不是直接传ResetSelection：

   <SideNav AuthUser="@navAuth.User.GetAuthUserModel()" ResetSelection="@ResetSelection" />
   <TopNav AuthUser="@Auth.User.GetAuthUserModel()" OnTriggerReset="@TriggerSideNavReset" />
   

3. TopNav触发回调
   在TopNav里定义回调参数，选中菜单项时触发：

   [Parameter]
   public Action OnTriggerReset { get; set; }
   
   private void itemSelected(MenuEventArgs<CategoryModel> args)
   {
       OnTriggerReset?.Invoke();
   }
   

4. SideNav处理重置
   SideNav只需要响应父组件传递的ResetSelection变化，不要自己修改参数：

   protected override void OnParametersSet()
   {
       base.OnParametersSet();
       
       if (ResetSelection)
       {
           NavMenu.UnselectAll();
       }
   }
   

方式二：使用状态容器（适合复杂场景/多组件通信） #

如果后续还有更多组件需要共享导航状态，可以创建一个全局状态服务来管理。

1. 创建导航状态服务

   public class NavStateService
   {
       // 定义重置侧边导航的事件
       public event Action OnSideNavReset;
   
       // 触发重置事件
       public void TriggerSideNavReset()
       {
           OnSideNavReset?.Invoke();
       }
   }
   

2. 注册服务
   在Program.cs里将服务注册为Scoped：

   builder.Services.AddScoped<NavStateService>();
   

3. TopNav注入服务并触发事件

   private readonly NavStateService _navState;
   
   public TopNav(NavStateService navState)
   {
       _navState = navState;
   }
   
   private void itemSelected(MenuEventArgs<CategoryModel> args)
   {
       _navState.TriggerSideNavReset();
   }
   

4. SideNav注入服务并订阅事件

   private readonly NavStateService _navState;
   
   public SideNav(NavStateService navState)
   {
       _navState = navState;
   }
   
   protected override void OnInitialized()
   {
       base.OnInitialized();
       // 订阅重置事件
       _navState.OnSideNavReset += () =>
       {
           NavMenu.UnselectAll();
           StateHasChanged();
       };
   }
   
   // 组件销毁时取消订阅，避免内存泄漏
   public void Dispose()
   {
       _navState.OnSideNavReset -= () =>
       {
           NavMenu.UnselectAll();
           StateHasChanged();
       };
   }
   

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