Blazor WASM独立项目：点击NavLink自动折叠侧边栏方案咨询

针对你的需求，业内常用的是以下两种更简洁、无重复代码的实现方式，比你提到的方案更优雅：

方案一：监听路由变化（推荐） #

利用NavigationManager的LocationChanged事件，无论用户通过NavLink还是代码跳转（比如NavigateTo），只要路由发生变化就自动折叠侧边栏。只需在侧边栏组件或布局组件中注册一次事件即可，无需修改任何导航元素。

示例代码：

@inject NavigationManager NavManager
@inject IStateContainer StateContainer

<!-- 你的侧边栏HTML结构 -->

@code {
    protected override void OnInitialized()
    {
        // 注册路由变化事件
        NavManager.LocationChanged += OnRouteChanged;
    }

    private void OnRouteChanged(object? sender, LocationChangedEventArgs e)
    {
        // 触发侧边栏折叠
        StateContainer.IsSidebarExpanded = false;
    }

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

方案二：封装自定义NavLink组件 #

如果只需要在点击NavLink时折叠侧边栏，可以封装一个自定义的NavLink组件，内部处理点击逻辑，全局替换原NavLink即可，避免重复编写点击事件。

示例代码：

@inherits NavLink
@inject IStateContainer StateContainer

<a @attributes="@AdditionalAttributes" class="@CssClass" @onclick="HandleNavClick">
    @ChildContent
</a>

@code {
    private void HandleNavClick()
    {
        StateContainer.IsSidebarExpanded = false;
    }
}

使用时只需将原<NavLink>替换为<CustomNavLink>，所有导航点击都会自动触发侧边栏折叠。

对你原有方案的对比 #

• 直接给每个NavLink加点击事件：会产生大量重复代码，维护成本高，不如封装自定义组件高效。
• 在每个页面OnInitialized设置状态：完全没必要，属于冗余代码，路由监听或自定义组件的方案能一次性解决问题。

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