原文:Vue筆記:使用 axios 中 this 指向問題

問題背景 在vue中使用axios做網絡請求的時候,會遇到this不指向vue,而為undefined。 如下圖所示,我們有一個 login 方法,希望在登錄成功之后路由到主頁,但通過 this. router 獲取路由器出錯。 解決方案 使用箭頭函數替代普通函數,ES 中的箭頭函數 gt 內部的 this 屬於詞法作用域,由上下文確定 也就是由外層調用者vue來確定 。 改成如下圖所示,我們看到 ...

2018-08-25 22:45 0 4864 推薦指數:

查看詳情

vueaxios this 指向問題

1.解決辦法 在vue使用axios做網絡請求的時候,會遇到this不指向vue,而為undefined,可以使用箭頭函數"=>"來解決。如下: methods: { loginAction(formName) { this.$axios ...

Fri Dec 06 18:07:00 CST 2019 0 691
vue使用Ajax(axios)、vue函數this指向問題

  Vue.js 2.0 版本推薦使用 axios 來完成 ajax 請求。Axios 是一個基於 Promise 的 HTTP 庫,可以用在瀏覽器和 node.js 。   axios中文文檔庫:http://www.axios-js.com/zh-cn/docs/   git地址 ...

Fri Nov 22 07:12:00 CST 2019 0 912
axiosthis指向為undefined的問題

axios中直接使用this,指向與之前的是不一樣的,網上有很多解決方法,包括使用箭頭函數. 而我 ...

Sat Jun 23 22:51:00 CST 2018 0 1119
vue的this指向問題

第一個輸出英文"Hello!”,第二個輸出中文“你好!”。這說明了showMessage1()里的this指的是window,而showMessage2()里的this指的是vue實例。 ※ 對於普通函數(包括匿名函數),this指的是直接的調用者 ...

Thu Oct 11 22:06:00 CST 2018 6 16202
vue的this指向問題

,this指的是window。showMessage1()里setTimeout使用了匿名函數,this指向 w ...

Tue May 21 22:27:00 CST 2019 1 1952
vue的this指向問題

1、※ 對於普通函數(包括匿名函數),this指的是直接的調用者,在非嚴格模式下,如果沒有直接調用者,this指的是window。showMessage1()里setTimeout使用了匿名函數,this指向window。 2、※ 箭頭函數是沒有自己的this,在它內部使用 ...

Thu Jan 21 23:52:00 CST 2021 0 2004
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM