vue踩坑:axios使用this指針

前言

在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指針，可是建議仍是使用上面的寫法。

 .$axios
      .get("/userInfo")
      .then(
        function(response){
                )
      .( (error) {                console.log(error);
      })
      .then( () {        
      });

 

博主：測試生財

座右銘：專一測試與自動化，致力提升研發效能；經過測試精進完成原始積累，經過讀書理財奔向財務自由。

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

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

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