Как сохранить класс active в навигации в spa на vue после перезагрузки?

Question

[dark_king_13]

Для меня есть переменная menuListItemActiveNumber, которая по умолчанию равна 0, при нажатии на ссылку в навигации значение переменной меняется на соответствующий номер. В зависимости от значения переменной определённой ссылке накидывается класс active. Но после перезагрузки страницы класс active с ссылки скидывается, так как menuListItemActiveNumber опять приравнивается 0. Как это исправить?

Comments

[0xD34F]

3.8

Answer 1

[Andrey Suha]

оно?

Comments

[dark_king_13]

this.$route.params возвращает объект, а мне нужно как-то число получить, номер роута, или что-то в этом роде

[Andrey Suha]

dark_king_13, https://router.vuejs.org/ru/api/#active-class почему не использовать стандартный класс?

[dark_king_13]

Andrey Suha, Потому что не додумался. Спасибо

Answer 2

[be_a_man]

Используйте v-for и проверку на $route.path

ul.d-lg-flex(:class='{//...}')
  li(v-for='(item, index) in [['/Joury', 'Члены жюри'], ...]')
    router-link(:to='item[0]' :class='item[0] === $route.path && "is-active"' @click='change(index + 1)') {{item[1]}}