How can i pass active class through $router.push in Vue.js

Question

I am using router-link for menu list. With that, active class is adding properly on clicking the link. I have a button in a page and it will navigate to another page using $router.push function but the active class is not removed from the previous page link and it is not added to navigated page.

btnClick: function () {
    this.$router.push({ path: '/NextPage' })
},

Can i force set active class through this.$router.push() function?

How do you set up router-link with active class?

ittus
– ittus

2018-06-06 09:46:51 +00:00
Commented Jun 6, 2018 at 9:46 — ittus
– ittus, Commented Jun 6, 2018 at 9:46

Sunny Sheth · Accepted Answer · 2018-06-11 13:11:39Z

1

Add linkActiveClass option while creating router object.

For e.g

const router = new VueRouter({ linkActiveClass: 'active' });

linkActiveClass is one of the route options.

https://router.vuejs.org/api/#name

edited Jun 11, 2018 at 13:11

answered Jun 11, 2018 at 10:56

Sunny Sheth

1014 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can i pass active class through $router.push in Vue.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related