Sometimes, we want to get the current route path of lazy-loaded modules on page load with Vue.js and Vue Router.

In this article, we’ll look at how to get the current route path of lazy-loaded modules on page load with Vue.js and Vue Router.

How to get the current route path of lazy-loaded modules on page load with Vue.js and Vue Router?

To get the current route path of lazy-loaded modules on page load with Vue.js and Vue Router, we can use the this.$route.path property.

For instance, we write

<script>
//...
export default {
  //...
  methods: {
    get() {
      console.log(this.$route.path);
    },
  },
  //...
};
</script>

to log the value of the current route’s URL path by logging the this.$route.path property in the get method.

Conclusion

To get the current route path of lazy-loaded modules on page load with Vue.js and Vue Router, we can use the this.$route.path property.