change browser go back event in vue js

Question

I need to detect the back function in the browser and need to redirect to a different page using vue js. My attempt is as below.

mounted: function () {
    window.onpopstate = function(event) {
      this.$router.push({
        path: "/register"
      });
   };
}

But it will not identify $router and saying it's not a function. How can I solve this problem?

Does this answer your question? [How does the "this" keyword work?](https://stackoverflow.com/questions/3127429/how-does-the-this-keyword-work) — Ben Fortune, Nov 05 '20 at 11:48

score 2 · Accepted Answer · answered Nov 05 '20 at 11:48

2

this inside the function is not instance of vue component so it will not work. Try this code:

  mounted: function () {
    window.onpopstate = (event) => {
      this.$router.push({
        path: "/register"
      });
   };

answered Nov 05 '20 at 11:48

Ferry Kranenburg

1 Answers1