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