Все сервисы Хабра
Сообщество 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 подписчик
6 часов назад
29 просмотров
0
ответов
Vue.js
+1 ещё
Средний
Почему ошибки ESLint не подсвечиваются в webstorm?
1 подписчик
вчера
50 просмотров
1
ответ
Vue.js
+1 ещё
Простой
Как преобразовать Ref?
1 подписчик
30 июн.
108 просмотров
1
ответ
Vue.js
Простой
Как исправить ошибки при загрузке страницы, некоторые .js файлы возвращаются с кодом 503, после билда?
1 подписчик
01 июн.
75 просмотров
0
ответов
Vue.js
Простой
Как вычислять значения свойств массива?
1 подписчик
30 мая
104 просмотра
1
ответ
Vue.js
Простой
Почему во Vue 2 теряются значения this.$attrs?
1 подписчик
21 мая
132 просмотра
0
ответов
JavaScript
+1 ещё
Простой
Почему не подгружаются стили в PrimeVue?
1 подписчик
13 мая
140 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Как исправить эту ошибку?
1 подписчик
30 апр.
184 просмотра
1
ответ
Vue.js
+1 ещё
Средний
Как работает skipHydrate в pinia?
1 подписчик
24 апр.
167 просмотров
1
ответ
Vue.js
Средний
Как подружить 1 стор Pinia с разными инстансами одного и того же виджета?
1 подписчик
23 апр.
96 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Vue frontend разработчик (Senior, remote)
Icons8
от 270 000 ₽
Фронтенд разработчик
Astra Health Tech
•
Москва
от 250 000 до 300 000 ₽
Frontend-разработчик (Vue.js)
Food Soul
•
Калининград
от 180 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама