解決Vue的組件屬性this不存在問題
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。
推薦閱讀:
- Vue過濾器,生命周期函數和vue-resource簡單介紹
- 一文搞懂Vue八大生命周期鉤子函數
- Vue生命周期介紹和鉤子函數詳解
- 如何理解Vue前後端數據交互與顯示
- 源碼揭秘為什麼 Vue2 this 能夠直接獲取到 data 和 methods