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

Разбираемся в CSS
Ответить
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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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