Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
kroha3000
@kroha3000
Vue.js
Как подсветить активный пункт меню?
как подсветить пункт меню в зависимости от страницы на которой находимся? То есть выделить активный пункт. Применить к нему класс стиля.
Вопрос задан
более трёх лет назад
474 просмотра
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Владимир Коротенко
@firedragon
Не джун-мидл-сеньор, а трус-балбес-бывалый.
Вы не поверите но это есть в документации
https://router.vuejs.org/ru/guide/#javascript
Обратите внимание, что автоматически получает класс .router-link-active при совпадении маршрута. Подробнее об этом можно узнать в справочнике API.
Ответ написан
более трёх лет назад
5
комментариев
Нравится
3
5
комментариев
Facebook
Вконтакте
Twitter
kroha3000
@kroha3000
Автор вопроса
Всё действительно просто! Спасибо что тыкнули носом! Как то упустилось.
Написано
более трёх лет назад
kroha3000
@kroha3000
Автор вопроса
Не подскажите ещё?
Как вывести разные пункты меню на разных страницах, в зависимости от активной страницы.
То есть находимся на /foo - выводим ссылки 1-2-3
Находимся на странице /boo - выводим ссылки 3-4-5
Написано
более трёх лет назад
Владимир Коротенко
@firedragon
kroha3000
, Директивы v-if и v-show
Написано
более трёх лет назад
kroha3000
@kroha3000
Автор вопроса
Владимир Коротенко
, это я понимаю. Сравниваем с текущим роутером и если есть совпадения выводим нужную информацию?
Написано
более трёх лет назад
Владимир Коротенко
@firedragon
kroha3000
, ну да. Там довольно много информации. Я как то на голом js сравнивал window.location и подсвечивал нужное, тут проще
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
Vue.js
+1 ещё
Простой
Как правильно писать компоненты-обёртки во Vue 3?
1 подписчик
25 июл.
132 просмотра
2
ответа
Vue.js
+1 ещё
Простой
Почему не рендерится таблица element ui после vite build?
1 подписчик
22 июл.
61 просмотр
1
ответ
Vue.js
+1 ещё
Простой
Как открыть скомпилированный Vue проект локально?
1 подписчик
22 июл.
80 просмотров
2
ответа
Vue.js
Простой
Почему нет доступа к exposed параметру из скрипта?
1 подписчик
18 июл.
53 просмотра
2
ответа
React
+4 ещё
Простой
Как правильно именовать компоненты форм?
1 подписчик
12 июл.
156 просмотров
0
ответов
Vue.js
Средний
Как подружить primeVue и vitest?
1 подписчик
10 июл.
80 просмотров
1
ответ
Vue.js
+1 ещё
Средний
Как типизировать массив объектов props так, чтобы он знал, что в объекте есть ключ, имя которого передается в другом prop?
1 подписчик
04 июл.
119 просмотров
0
ответов
Vue.js
+2 ещё
Средний
Vue 2.7 + prerender‑spa‑plugin: почему в Google SERP отображаются i18n‑ключи вместо переведённых строк?
1 подписчик
03 июл.
72 просмотра
0
ответов
Vue.js
Средний
Почему не срабатывает форматирование на самсунговской клавиатуре?
1 подписчик
02 июл.
61 просмотр
0
ответов
Vue.js
+1 ещё
Средний
Почему ошибки ESLint не подсвечиваются в webstorm?
1 подписчик
01 июл.
80 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Teamlead Frontend (Vue)
Marfatech
•
Москва
Middle/Senior Frontend разработчик (Vue)
RedLab
•
Минск
Middle+ Frontend Developer (Vue)
Marfatech
•
Москва
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама