Sometimes, we want to reload a route created with Vue Router.
In this article, we’ll look at how to reload a route created with Vue Router.
Reload Route with Vue Router
To reload a route with Vue Route, we can call the this.$router.go()
method.
If it has no arguments, then it’ll reload the current route.
We can also add an unique value for the key
prop to the router view:
<router-view :key="$route.fullPath"></router-view>
This way, it’ll notice when the path changes and it’ll trigger a reload of the component with new data.
Conclusion
To reload a route with Vue Route, we can call the this.$router.go()
method.
If it has no arguments, then it’ll reload the current route.