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

Question

[sldo_ru]

Здравствуйте. Есть ссылка, которая переводит на динамический путь /catalog/1. Проблема в том, что активной она остается только тогда, когда я на /catalog/1. Как сделать, чтобы она была активна на любом /catalog/:id

Answer 1

[Михаил]

Есть ссылка на динамический путь /catalog/1

разве это динамический путь?
Что точно вам надо?

Comments

[sldo_ru]

Да, это динамический путь /catalog/:id

[Михаил]

sldo_ru, что на странице /catalog/2 ссылка /catalog/2 не активна у вас?

[sldo_ru]

Михаил, да, у меня есть ссылка по пути /catalog, однако уже на пути /catalog/1 или /catalog/2 не работает

Answer 2

[Александр]

Не совсем ответ, но может в эту сторону )))
Проверь
router-link-active - применяется когда ссылка активна
router-link-exact-active - применяется когда ссылка активна с точным соответствием пути
https://router.vuejs.org/ru/api/#active-class
Или добавляй класс к нужным тебе ссылкам