/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 votes387 views2 answers
Vue.use is not a function
Javascript Vue
10 votes399 views2 answers
Vuejs set default value for prop
Javascript Vue
1 vote377 views1 answer
Nativescript vue back button handler
Javascript Vue
0 vote344 views1 answer
Data table is not a function in vue
Javascript Vue
0 vote361 views1 answer
How to use vue.js in expressjs with pug
Javascript Vue
0 vote353 views1 answer
Cargar datos de un id con inner join vue js
Javascript Vue
2 votes348 views1 answer
How to run vue js project on different port
Javascript Vue
0 vote368 views1 answer
Webpack vue global variable
Javascript Vue
2 votes339 views1 answer
Open url in new window vue
Javascript Vue
0 vote358 views1 answer
Inertia-link vuetify
Javascript Vue