/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 votes136 views2 answers
Add params to url vue
Javascript Vue
0 vote123 views1 answer
QuerySelector a slot vuejs
Javascript Vue
0 vote169 views2 answers
Vuejs filter array by dates
Javascript Vue
0 vote140 views1 answer
Vue JS Production mode refresh causing 404 error
Javascript Vue
0 vote120 views1 answer
Remove # url vuejs
Javascript Vue
0 vote122 views1 answer
Vue 3 computed getter setter
Javascript Vue
7 votes134 views2 answers
Vue watch handler
Javascript Vue
1 vote137 views1 answer
Vuex getters
Javascript Vue
0 vote115 views1 answer
Add rows to the table dynamically with the use of vue.js
Javascript Vue
1 vote126 views1 answer
Vue 3 define props script setup
Javascript Vue