解決Vue的組件屬性this不存在問(wèn)題
Vue的組件屬性this不存在
問(wèn)題來(lái)源
今天寫(xiě)代碼,發(fā)現(xiàn)我的mounted方法里面的this全部一致是undefined,很奇怪,一致再找問(wèn)題然后我找到問(wèn)題了。
原因
原因是我用mounted方法的時(shí)候一致是采用的箭頭函數(shù)而箭頭函數(shù)的話是和父作用域相關(guān)的,所以不會(huì)綁定到實(shí)例。
腦袋之前一致沒(méi)轉(zhuǎn)到這個(gè)問(wèn)題上來(lái)坑死我了。
解決方案
在實(shí)例的屬性里面堅(jiān)決不要使用箭頭函數(shù)?。。。。。。。。。。?/p>
Vue中的this丟失
1.接口請(qǐng)求發(fā)送不出去,顯示TypeErrory錯(cuò)誤
2.語(yǔ)句看似不執(zhí)行
解決方案
//引用 this.$options.methods.getAll(this) getAll:function(vue){ ? //開(kāi)始網(wǎng)絡(luò)傳輸 ? vue.$http.get(protocal + ip + port + project + 'sdf/sdasd/sad/' ).then(result => { ? ? console.log(result.body) ? ? if (result.body.result) { ???????} ? //成功了 else { ? ? // 失敗了 }) },
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue3中reactive數(shù)據(jù)被重新賦值后無(wú)法雙向綁定的解決
這篇文章主要介紹了vue3中reactive數(shù)據(jù)被重新賦值后無(wú)法雙向綁定的解決,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-05-05vue項(xiàng)目首次打開(kāi)時(shí)加載速度很慢的優(yōu)化過(guò)程
這篇文章主要介紹了vue項(xiàng)目首次打開(kāi)時(shí)加載速度很慢的優(yōu)化過(guò)程,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-08-08基于Vue實(shí)現(xiàn)電商SKU組合算法問(wèn)題
這篇文章主要介紹了基于Vue實(shí)現(xiàn)電商SKU組合算法問(wèn)題 ,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05vue中axios實(shí)現(xiàn)數(shù)據(jù)交互與跨域問(wèn)題
這篇文章主要介紹了vue中axios實(shí)現(xiàn)數(shù)據(jù)交互與跨域問(wèn)題,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-05-05