vue.js - 无法引用路由器[重复]答案

【问题标题】：vue.js - Unable to reference router [duplicate]vue.js - 无法引用路由器[重复]
【发布时间】：2017-04-26 02:50:30
【问题描述】：

在编辑我的代码之间的某个时刻，我至少有一部分工作，但当然在这些时间之前没有提交。

项目：https://github.com/Ampix0/ticker-for-robinhood;

代码问题：https://github.com/Ampix0/ticker-for-robinhood/blob/master/app/src/renderer/components/LoginPageView.vue

在第 26 行，您可以看到登录功能，当它完成时，它应该路由到下一页，并传递访问令牌。

错误

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

【问题讨论】：

您丢失了 this 上下文。这里有很多解决方法的答案。

标签： javascript vue.js vue-router

【解决方案1】：

基本上就是我前几天刚回答的同一个问题：Show error message in Vue js

因为您丢失了.then(function (response) {.. 中的this 引用

使用箭头函数可以轻松解决这个问题：

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

【讨论】：

我以为会是这样。谢谢！