vue.js - Unable to reference router

Question

At some point between editing my code I had at least a portion of this working but of course did not commit before those times.

project: https://github.com/Ampix0/ticker-for-robinhood;

Code issue: https://github.com/Ampix0/ticker-for-robinhood/blob/master/app/src/renderer/components/LoginPageView.vue

On line 26 you can see the login function, when it completes it is supposed to route to the next page, passing along the access token.

Error

TypeError: Cannot read property '$router' of undefined
    at eval (eval at <anonymous> (renderer.js:1574), <anonymous>:18:21)

You lost your `this` context. There's dozens of answers to how to fix this here. — Bert, Apr 26 '17 at 02:57

score 0 · Accepted Answer · edited May 23 '17 at 12:17

0

Basically is the same problem which I just answered a few days ago: Show error message in Vue js

Because you lost the this reference in .then(function (response) {..

Use arrow functions can solve this easily:

.then((response) => {
    this.$router.push({
        name: 'home-page',
        params: {
            authKey: response.data.token
        }
    })
})

edited May 23 '17 at 12:17

Community

1
1

answered Apr 26 '17 at 02:57

CodinCat

15,530
5
49
60

I thought it would be something like this. Thank you! – Ampix0 Apr 26 '17 at 03:55

vue.js - Unable to reference router

1 Answers1