Как настроить роутинг для главной с табами?

Question

[Денис]

На главной странице имеется блок с табами, при переключении которых к урлу добавляется #tab-name-1
При этом активный класс в меню пропадает с пункта меню Главная, т.к. для этого пункта прописано свойство exact.
Как настроить роутинг, чтобы при переключении табов пункт меню Главная не терял класс active?

При url site.com Главная имеет класс active, а при site.com/#tab-name-1 теряет этот класс.

Answer 1

[Евгений]

Я у router-link делал динамическую ссылку (у меня правда query string, но думаю с # можно сделать аналогично):

<router-link :to="{path:'/', query: query}">Home</router-link>

А query уже заполнял в зависимости от текущей страницы. Если "/", то тогда подставляем query string из адреса. Если другая страница, то query пустой. Таким образом как бы query string не обновлялся на главной ссылка всегда будет активной.
PS где-то встречал что вроде как в новой версии можно будет настроить router-link так, чтоб он игнорировал query string и прочее при определении активности ссылки. Тогда можно будет обойтись без костылей.