解決Vue的組件屬性this不存在問題

Posted on by

Vue的組件屬性this不存在

問題來源

今天寫代碼，發現我的mounted方法裡面的this全部一致是undefined，很奇怪，一致再找問題然後我找到問題瞭。

原因

原因是我用mounted方法的時候一致是采用的箭頭函數而箭頭函數的話是和父作用域相關的，所以不會綁定到實例。

腦袋之前一致沒轉到這個問題上來坑死我瞭。

解決方案

在實例的屬性裡面堅決不要使用箭頭函數！！！！！！！！！！！

Vue中的this丟失

1.接口請求發送不出去，顯示TypeErrory錯誤

2.語句看似不執行

解決方案

//引用
this.$options.methods.getAll(this)
getAll:function(vue){
  //開始網絡傳輸
  vue.$http.get(protocal + ip + port + project + 'sdf/sdasd/sad/' ).then(result => {
    console.log(result.body)
    if (result.body.result) {
​​​​​​​}
  //成功瞭
else {
    // 失敗瞭
})
},

以上為個人經驗，希望能給大傢一個參考，也希望大傢多多支持WalkonNet。

推薦閱讀：