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

尝试在Blazor中完全开发一个网站

我试图找出如何将活动类添加到当前选定的元素中。 我有一个侧菜单栏，知道用户在哪一页上会很棒

找到了这个，但我想通过#c

有没有关于如何实施的想法

一如既往 定义属性并在class=“style@prop”中像往常一样绑定

---

在class=“style@prop”中定义属性并绑定使用NavLink标记在Blazor中的页面之间导航。有一个名为NavLinkMatch的属性，它将在匹配当前路由时自动为您应用“活动”类

有关更多信息，请检查以下内容-

---

希望它能帮助您：）

在Blazor中使用NavLink标签在页面之间导航。有一个名为NavLinkMatch的属性，它将在匹配当前路由时自动为您应用“活动”类

有关更多信息，请检查以下内容-

---

希望它能帮助您：）

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>

家


柜台


获取数据

---

来源：

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>

家


柜台


获取数据

---

来源：

最好的方法是使用NavMatchLink.All或NavMatchLink.Prefix，它根据URL NavMatchLink设置活动类。所有这些都可以用于NavLink href URL与链接显示标题匹配的静态或专用页面，现在如果您在循环内呈现NavLink，然后最好在ex/ActionMethod/{Parameter}？&Title={link Display Name}的URL中添加链接的显示标题，并使用NavMatchLink.Prefix。

最好的方法是使用NavMatchLink.All或NavMatchLink.Prefix，它根据URL设置活动类，NavMatchLink.All可用于NavLink href URL与链接显示标题匹配的静态或专用页面，现在，如果您在循环内呈现NavLink，则最好在ex/ActionMethod/{Parameter}？&title={link display Name}的URL中添加链接显示标题，并使用NavMatchLink.Prefix