/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

-2 votes305 views1 answer
Vue js get routes
Javascript Vue
0 vote258 views1 answer
Vuejs on route scrollbehavior
Javascript Vue
0 vote302 views1 answer
Vue change input value from console
Javascript Vue
0 vote370 views1 answer
Vue router transition
Javascript Vue
0 vote273 views1 answer
How to use vue.js in expressjs with pug
Javascript Vue
0 vote306 views1 answer
Nuxt vuetify google fonts
Javascript Vue
0 vote267 views1 answer
Vue 3 computed getter setter
Javascript Vue
0 vote279 views1 answer
Keep-alive vuejs router
Javascript Vue
0 vote447 views1 answer
Vue htmlWebpackPlugin.options.title
Javascript Vue
0 vote266 views1 answer
Vue.js watch event
Javascript Vue