How to keep active class in vue spa navigation after reload?

Question

Vue.js

For me, there is a menuListItemActiveNumber variable which defaults to 0, when clicking on a link in the navigation, the value of the variable changes to the corresponding number. Depending on the value of the variable, the active class is assigned to a certain link. But after reloading the page, the active class is removed from the link, since menuListItemActiveNumber is again equal to 0. How can I fix this?

Answer 1

it ?

Answer 2

Use v-for and check 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]}}