Blazor - 将活动类添加到当前元素

Question

尝试完全使用 Blazor 开发网站

我试图弄清楚如何将例如活动类添加到当前选定的元素。我有一个侧面菜单栏，如果知道用户在哪个页面，那就太棒了。

找到了这个JavaScript 解决方案，但我想通过 #c 来实现

关于如何实施它有什么想法吗？

Answer 1

Microsoft.AspNetCore.Components.Routing.NavLink 组件会自动添加“活动”类（或您选择的类）。下面的示例代码。

<ul class="nav flex-column">
    <li class="nav-item px-3">
        <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
            <span class="oi oi-home" aria-hidden="true"></span> Home
        </NavLink>
    </li>
    <li class="nav-item px-3">
        <NavLink class="nav-link" href="counter">
            <span class="oi oi-plus" aria-hidden="true"></span> Counter
        </NavLink>
    </li>
    <li class="nav-item px-3">
        <NavLink class="nav-link" href="fetchdata">
            <span class="oi oi-list-rich" aria-hidden="true"></span> Fetch data
        </NavLink>
    </li>
</ul>

来源：https://learn.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.components.routing.navlink ?view=aspnetcore-3.1