Check if there is a previous page in vue route

Question

I am using $router.go(-1) to go back to the previous page but as I am using this on a home page I want know how to check if there is a previous route.

Answer 1

Vue router navigation is tracked by the native browser history, use window.history.length.

If it is 0 there is nothing to go back to.

However if the user has come from another website already is a value higher than 0 upon your App mounting you could store this initial value of window.history.length globally on beforeMount or mounted in say this.$root.historyCount (or if you are using vuex already use that), then when you check window.history.length again on a call to action, subtract $root.historyCount from window.history.length to see if zeroes out.

This way you will be only counting history in your own app.

You may also want to consider that perhaps if your current route ($router.currentRoute) is the home page there is also no way of going back beyond that page.