首页 > 移动平台 > 详细

vue踩坑:axios使用this指针

时间:2020-11-05 08:55:44      阅读:50      评论:0      收藏:0      [点我收藏+]

前言

在vue中,请求后端接口的模块有三种:
  • vue-resource
  • axios
  • fetch
这我们使用axios去请求后端接口。

安装

进入vue项目的目录,执行:

npm install axios --save

使用

axios支持的http请求方法如下

  • axios.request(config)
  • axios.get(url[, config])
  • axios.delete(url[, config])
  • axios.head(url[, config])
  • axios.options(url[, config])
  • axios.post(url[, data[, config]])
  • axios.put(url[, data[, config]])
  • axios.patch(url[, data[, config]])

本篇不重点介绍axios的使用,这里我们以get为例,在使用axios接收接口返回的时候,需要使用箭头=>符号获取正确的this指针。

 this.$axios
      .get("/userInfo")
      .then(
        (response) =>
          // handle success
          (this.userdata = response.data)
      )
      .catch(function (error) {
        // handle error
        console.log(error);
      })
      .then(function () {
        // always executed
      });

如果不想用箭头函数可以在外部先用变量获取this指针,但是建议还是使用上面的写法。

 let that = this;
this.$axios .get("/userInfo") .then( function(response){
// handle success       (that.userdata = response.data) ) .catch(function (error) { // handle error console.log(error); }) .then(function () { // always executed });

 

博主:测试生财

座右铭:专注测试与自动化,致力提高研发效能;通过测试精进完成原始积累,通过读书理财奔向财务自由。

csdn:https://blog.csdn.net/ccgshigao

博客园:https://www.cnblogs.com/qa-freeroad/

51cto:https://blog.51cto.com/14900374

 

vue踩坑:axios使用this指针

原文:https://www.cnblogs.com/qa-freeroad/p/13869426.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!