vue 使用axios请求成功的this问题

liyuzhao7年前开发项目遇到的问题1860

一个简单的例子:

image.png

//上面的this.$http.get是中的this是vue的实例。axios的文档中,get请求是如上面所写的,上面代码的意思是请求登录返回数据。一般做的逻辑处理是请求成功后要跳转,

//所以我们要用到vue的路由做跳转,跳转为this.$router.push('/user') 就是我要跳转到from这个组件中

所以应该会在then这个函数里面写this.$router.push('/user') 代码如下:

image.png

很明显出错了,这个then函数里面的this已经不是vue的实例了,而是一个undefined,所以查找资料看到了解决方法:

第一种:在请求前定义一个局部变量来存储这个this vue的实例,然后在then里面使用,代码如下:

image.png

这样既可解决.

第二种:把function(response) 改为response => 这个写法我没有查相关的资料,有兴趣的同学可以去查看一下。代码如下:

image.png


如果有错欢迎提出。最近翻文档才知道,使用箭头函数,里面的this是上一层的,所以第二种解决方法应该是这样理解的。


相关文章

在 hyperf 中使用 MongoDB

欢迎使用 phper666/mongo-db,地址:https://github.com/phper666/mongo-db1、默认使用mongodb提供的库来封装,官方git地址:https://g...

iview使用vue-quill-editor自定义上传图片的问题解决。

iview使用vue-quill-editor自定义上传图片的问题解决。

最近虽然辞职了,但是以前的老板外包给我以前负责的项目,想让我做好社群的独立后台,所以打算花二十天做完。“企动社群”的后台接口我已经写完,页面采用iview,数据还是由我来接,真是件麻烦的事,不过对于这...

apache设置缓存

在配置文件输入ExpiresActive On    ExpiresDefault “access plus 30 days” 欢迎大家来校园淘物站的论坛玩玩哦...

hyperf 启动、重启、停止、文件变化监听命令包

鉴于hyperf1.1+还没有重启等命令,本地调试比较麻烦,所以使用了FanchangWang写的代码封装成了一个包,方便使用。该扩展包完全使用了FanchangWang写的代码,非常感谢Fancha...

mysql导入数据问题

最近用mysql5.7,数据弄好了导入到服务器上,却频繁的出错。具体分析了下错误,是因为服务器上的mysql版本比较低,有些功能不支持,我数据出错的主要原因是有些字段用了datatime类型,用了个自...

jq把数组里面的字符串数字转换为整形的

最近做项目遇到了一个问题。描述如下:生成一个统计图,必须要用到data=[1,2,3,4]这类型的数据,但是我从前台用ajax传数据到后台,后天返回了json格式,得到类似于data="1,...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。