【Vue】this = undefined 可能是箭頭函式搞的鬼 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0

【Vue】this = undefined 可能是箭頭函式搞的鬼

轉職前端遇到的1000個問題 vue學習筆記

7514 2021-12-07 23:59:10 ‧ 1264 瀏覽

分享至

箭頭函式和普通函式之間的區別

箭頭函式並沒有自己的 this
this 會往上找到最近的函數主體作為物件
this 指向定義時所在的物件，而不是呼叫時所在的物件

實際 mounted 資料

mounted() {
  axios.get('https://')
  .then(function(res){
     this.spots = res.data;
     console.log(this);  // undefined
  })
}

mounted() {
  axios.get('https://')
  .then((res) => {
      this.spots = res.data;
      console.log(this);  // Vue 
  })
}

參考來源：
https://iter01.com/141625.html
https://blog.scottchayaa.com/post/2019/03/09/jquery-closure-function-this/

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22200 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙