Vue Router, Cannot read property 'push' of undefined

Question

I am trying to redirect the page but I get an error. I think my definitions are correct, why am I getting this error?

Thank you for your help in advance, thankfully you are there.

router.js

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router);

import Homepage from './screens/Homepage';
import Journey from './screens/Journey';

const router = new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      component: Homepage
    },
    {
      path: '/journey',
      component: Journey
    }
  ]
});

export default router;

main.js

import Router from './router';
new Vue({
  store: Store,
  router: Router,
  el: '#app',
  render: h => h(App)
});

my Push..

this.$router.push('/journey');

In which file do you write this.$router.push('/journey'), is it in a component? — Shaya Ulman
Yes, it is written in a component in the Homepage. @ShayaUlman — user12883832
Now fixed. Problem is "setTimeout". I'm remove setTimeOut, now working.. Thanks for help Shaya... — user12883832

beingyogi beingyogi · Accepted Answer · 2020-07-08T23:42:13

I think the this keyword is undefined at the place where you've written this.$router.push('/journey');. So to avoid this at the top of the block scope you can assign this keyword to a variable and then use that variable instead of this.

// Declare this at the top or first line of the function or block scope
let self = this 
.
.
.
.
self.$router.push('/journey');

Vue Router, Cannot read property 'push' of undefined

1 Answers