javascript - execute function after a $router.go in Vue

Question

Can someone tell how can I execute a function after a this.$router.go(-1) if it's possible. I've tried with a nextTick but I think it's not correct.

question from:https://stackoverflow.com/questions/65882620/execute-function-after-a-router-go-in-vue

Answer 1

If the function you want to execute and the router.go are in the same component, once the router.go is fired, If there is a page change, it means the component gets unmounted, which in turn means the function cannot get executed. What I think you can do is to look for a hook that would help you.

You can call your function within the beforeRouteLeave router hook. Check implementation in the official vue router documentation. This will fire before the router.go is called

You could also use one of the component lifecycle hooks - beforeDestroy. if your component is getting unmounted. So, you can fire your function inside the beforeDestroy method.