Vue笔记:使用 axios 中 this 指向问题

问题背景

在vue中使用axios做网络请求的时候,会遇到this不指向vue,而为undefined。

如下图所示,我们有一个 login 方法,希望在登录成功之后路由到主页,但通过 this.$router 获取路由器出错。

解决方案

使用箭头函数替代普通函数,ES6中的箭头函数 “=>” 内部的 this 属于词法作用域,由上下文确定(也就是由外层调用者vue来确定)。

改成如下图所示,我们看到 this.router 已经正确的返回了路由器对象。

so, 遇到类似问题的朋友们,箭头函数用起来。


作者:朝雨忆轻尘
出处:https://www.cnblogs.com/xifengxiaoma/ 
版权所有,欢迎转载,转载请注明原文作者及出处。

原文地址:https://www.cnblogs.com/xifengxiaoma/p/9535700.html