vue在axios中 this 指向問題

2022-02-25 05:45:57 字數 424 閱讀 4261

在vue中使用axios做網路請求的時候,會遇到this不指向vue,而為undefined,可以使用箭頭函式"=>"來解決。如下:

methods: )

.then(function(response))

.catch((error)=> );

});}

}

es6中的 箭頭函式 "=>" 內部的this是詞法作用域,由上下文確定(也就是由外層呼叫者vue來確定)。

使用"=>"函式,就可以告別之前的兩種寫法了:

bind(this)來改變匿名函式的this指向

hack寫法var _this= this;

loginaction(formname) )

});}

axios在Vue元件中應用

vue裡面雖然有個vue resource,但是在vue2.0出來後,作者提倡用axios來做ajax,在es6的環境下,可以直接 npm install axios import axios from axios 在es5中可以直接引用 axios 裡面有幾個方法 下面就來說說axios 在vue...

axios在vue中的使用

axios的安裝與配置 使用 npm npm install axios使用script匯入 在vue cli中使用 import axios from axios 在原型上定義方法,就可以在元件的methods中寫this.http 這個 http名字可以自己自定義,但注意不要重複衝突 vue.p...

在vue中axios的問題

發現在vue中使用axios有乙個執行多個併發請求,之前就不知道怎麼處理現在有點心得 function getuseraccount function getuserpermissions axios.all getuseraccount getuserpermissions then axios....