如果 NavLink 处于活动状态,则将 class 添加到父 li

Add class to parent li if NavLink is active

当 NavLink 处于活动状态时,我需要将 class 添加到 NavLink 的父 <li> 标记,但是我很难找到如何执行此操作,特别是因为不存在 CSS select 或 select 父元素,显然 NavLink 不公开任何 IsActive 属性。我的代码是:

<li>
    <NavLink href="@Url">
        @Text
    </NavLink>
</li>

还有我的css

li.some-class-needing-to-be-set < a.active {
    property: value;
}

我尝试在我身边尝试一个简单的解决方案,但实际上 NavLink 似乎没有一个简单的方法来确定它是否处于活动状态。

我找到了这个代码示例:https://www.codegrepper.com/code-examples/whatever/navbar+change+active+class+link+blazor

我认为这可能是适合您的解决方案,只需进行一些小的修改。如果您需要任何帮助,请不要犹豫,我很乐意为您提供帮助。