/Javascript/Vue/Vue + change router link active class

Vue + change router link active class

const router = new VueRouter({
  routes,
  linkActiveClass: "active",
  linkExactActiveClass: "exact-active",
})

Source: stackoverflow.com

Active-class router-link

//when a route is active we can use this to add a certain style to the element:
<router-link to="/[route-name]" active-link="active'> <router-link>

//when the route is active, active-link will add the class active to the element
//you can define then a certain style for elements that contain the class active

-1

Similar codes

16 votes460 views5 answers
Vuejs router params
Javascript Vue
16 votes493 views4 answers
Vue js default prop
Javascript Vue
1 vote335 views1 answer
Vue npx
Javascript Vue
3 votes341 views5 answers
Vue js count down timer
Javascript Vue
1 vote389 views1 answer
Delete item from array vuejs
Javascript Vue
2 votes352 views1 answer
Open route in new tab vue router
Javascript Vue
2 votes338 views3 answers
Vuejs copy to clipboard
Javascript Vue
0 vote343 views1 answer
Vue router accept params null
Javascript Vue
0 vote353 views2 answers
To show which tab is active in VueJS
Javascript Vue
6 votes355 views3 answers
Url params vue
Javascript Vue