Как активировать ActiveClass, когда страница находится в подменю, используя Blazor + Tailwind?C#

Место общения программистов C#
Anonymous
Как активировать ActiveClass, когда страница находится в подменю, используя Blazor + Tailwind?

Сообщение Anonymous »

У меня было меню, созданное с помощью Blazor, и у некоторых пунктов меню есть подменю с элементами. Мне нужно установить фон, когда текущая страница связана с элементом главного меню.
Например, у меня есть следующие элементы в меню:

Код: Выделить всё

Home
About
Blog
Article 1
Article 2
Contact
Если текущая страница — «Домашняя», главное меню должно иметь синий фон и т. д.
Но если «Статья 1» или «Статья» 2 была текущей страницей, элемент блога должен быть на синем фоне.
Я использую компонент NavLink для создания пунктов меню А для создания подменю и подпунктов я использую тег ul с одним простым оператором foreach

Код: Выделить всё

[list]
@foreach (var subItem in menuItem.Items)
{
[*]

Article 1
@if (!string.IsNullOrWhiteSpace(subItem.ArrowDropdownUrl))
{
[img]@subItem.ArrowDropdownUrl[/img]
}


}
[/list]
На данный момент, когда я нажимаю на элемент «Блог», ActiveClass работает очень хорошо, но когда я нажимаю на какой-либо подпункт, ни один пункт меню не получает синий фон, потому что NavLink устанавливает ActiveClass только в элемент, который имел соответствие URL.
Существует ли способ реализовать необходимую мне функциональность?

Подробнее здесь: https://stackoverflow.com/questions/778 ... or-tailwin

Вернуться в «C#»