Sometimes, we want to fix the ‘Avoided redundant navigation to current location’ error in Vue.js.

In this article, we’ll look at how to fix the ‘Avoided redundant navigation to current location’ error in Vue.js.

How to fix the ‘Avoided redundant navigation to current location’ error in Vue.js?

To fix the ‘Avoided redundant navigation to current location’ error in Vue.js, we can call $router.push only if the route isn’t the same as the current route.

For instance, we write

if (this.$route.path !== "/dashboard") {
  this.$router.push("/dashboard");
}

to check if the current route isn’t /dashboard with

this.$route.path !== "/dashboard"

If it’s true, then we go to /dashboard with

this.$router.push("/dashboard");

Conclusion

To fix the ‘Avoided redundant navigation to current location’ error in Vue.js, we can call $router.push only if the route isn’t the same as the current route.