/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

0 vote214 views1 answer
Vuejs get data fromo ajax
Javascript Vue
15 votes197 views3 answers
Vue3 - class and style binding
Javascript Vue
0 vote216 views1 answer
Vue dispatch action at tab close
Javascript Vue
0 vote214 views1 answer
Vue trigger function after certain time
Javascript Vue
0 vote176 views1 answer
Dateformat filter vue
Javascript Vue
16 votes280 views5 answers
Vuejs router params
Javascript Vue
0 vote213 views1 answer
Aos initial configuration vue
Javascript Vue
0 vote211 views1 answer
Add font awesome to vue
Javascript Vue
4 votes223 views1 answer
How to run a vue js hello world app in vue version 3
Javascript Vue
0 vote213 views1 answer
Use vue cdn with firestore
Javascript Vue