解決Vue的組件屬性this不存在問題
更新時間：2022年01月23日 15:05:41 作者：yatsov
這篇文章主要介紹了解決Vue的組件屬性this不存在問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
Vue的組件屬性this不存在
問題來源
今天寫代碼，發(fā)現(xiàn)我的mounted方法里面的this全部一致是undefined，很奇怪，一致再找問題然后我找到問題了。
原因
原因是我用mounted方法的時候一致是采用的箭頭函數(shù)而箭頭函數(shù)的話是和父作用域相關的，所以不會綁定到實例。
腦袋之前一致沒轉到這個問題上來坑死我了。
解決方案
在實例的屬性里面堅決不要使用箭頭函數(shù)?。。。。。。。。。?！
Vue中的this丟失
1.接口請求發(fā)送不出去，顯示TypeErrory錯誤
2.語句看似不執(zhí)行
解決方案
//引用
this.$options.methods.getAll(this)
getAll:function(vue){
? //開始網(wǎng)絡傳輸
? vue.$http.get(protocal + ip + port + project + 'sdf/sdasd/sad/' ).then(result => {
? ? console.log(result.body)
? ? if (result.body.result) {
???????}
? //成功了
else {
? ? // 失敗了
})
},以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue中rem的配置的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
vue3中reactive數(shù)據(jù)被重新賦值后無法雙向綁定的解決
這篇文章主要介紹了vue3中reactive數(shù)據(jù)被重新賦值后無法雙向綁定的解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
本篇文章主要介紹了Vue 開發(fā)模式下跨域問題，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
這篇文章主要為大家詳細介紹了Vue的生命周期，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02
這篇文章主要介紹了vue項目首次打開時加載速度很慢的優(yōu)化過程，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
默認生成的目錄結構不滿足我們的開發(fā)需求,所以這里需要做一些自定義改動,本文給大家分享Vue3目錄調整方案,感興趣的朋友一起看看吧2023-11-11
Vue.js中一個很重要的知識點是組件通信,不管是業(yè)務類的開發(fā)還是組件庫開發(fā),都有各自的通訊方法,下面這篇文章主要給大家介紹了關于Vue3常用的通訊方式的相關資料,需要的朋友可以參考下2022-05-05
這篇文章主要介紹了基于Vue實現(xiàn)電商SKU組合算法問題 ，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
vue中axios實現(xiàn)數(shù)據(jù)交互與跨域問題
這篇文章主要介紹了vue中axios實現(xiàn)數(shù)據(jù)交互與跨域問題，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-05-05
這篇文章主要為大家詳細介紹了Vue.js實現(xiàn)圖片切換功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06