Как подсветить активный пункт меню?

Question

[kroha3000]

как подсветить пункт меню в зависимости от страницы на которой находимся? То есть выделить активный пункт. Применить к нему класс стиля.

Answer 1

[Владимир Коротенко]

Вы не поверите но это есть в документации

https://router.vuejs.org/ru/guide/#javascript

Обратите внимание, что автоматически получает класс .router-link-active при совпадении маршрута. Подробнее об этом можно узнать в справочнике API.

Comments

[kroha3000]

Всё действительно просто! Спасибо что тыкнули носом! Как то упустилось.

[kroha3000]

Не подскажите ещё?

Как вывести разные пункты меню на разных страницах, в зависимости от активной страницы.

То есть находимся на /foo - выводим ссылки 1-2-3
Находимся на странице /boo - выводим ссылки 3-4-5

[Владимир Коротенко]

kroha3000, Директивы v-if и v-show

[kroha3000]

Владимир Коротенко, это я понимаю. Сравниваем с текущим роутером и если есть совпадения выводим нужную информацию?

[Владимир Коротенко]

kroha3000, ну да. Там довольно много информации. Я как то на голом js сравнивал window.location и подсвечивал нужное, тут проще