/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

18 votes253 views6 answers
Vuejs cdn
Javascript Vue
3 votes153 views2 answers
Vue mounted
Javascript Vue
0 vote196 views1 answer
Deploy vue js to shared hosting
Javascript Vue
3 votes270 views2 answers
Vue add watcher
Javascript Vue
0 vote205 views1 answer
Vue on click router push not working
Javascript Vue
0 vote199 views2 answers
Vue get props into data
Javascript Vue
0 vote215 views1 answer
Problem with owl carousel in vue when useing axios
Javascript Vue
0 vote221 views2 answers
Vuetify data table expanded icon example
Javascript Vue
31 votes262 views5 answers
Inline style vue
Javascript Vue
16 votes273 views4 answers
Vue js default prop
Javascript Vue