Vue笔记:使用 axios 中 this 指向问题
问题背景
在vue中使用axios做网络请求的时候,会遇到this不指向vue,而为undefined。
如下图所示,我们有一个 login 方法,希望在登录成功之后路由到主页,但通过 this.$router 获取路由器出错。
解决方案
使用箭头函数替代普通函数,ES6中的箭头函数 “=>” 内部的 this 属于词法作用域,由上下文确定(也就是由外层调用者vue来确定)。
改成如下图所示,我们看到 this.router 已经正确的返回了路由器对象。
so, 遇到类似问题的朋友们,箭头函数用起来。
作者:朝雨忆轻尘
出处:https://www.cnblogs.com/xifengxiaoma/
版权所有,欢迎转载,转载请注明原文作者及出处。