解決Vue的組件屬性this不存在問題
更新時間：2022年01月23日 15:05:41 作者：yatsov
這篇文章主要介紹了解決Vue的組件屬性this不存在問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
Vue的組件屬性this不存在
問題來源
今天寫代碼，發(fā)現(xiàn)我的mounted方法里面的this全部一致是undefined，很奇怪，一致再找問題然后我找到問題了。
原因
原因是我用mounted方法的時候一致是采用的箭頭函數而箭頭函數的話是和父作用域相關的，所以不會綁定到實例。
腦袋之前一致沒轉到這個問題上來坑死我了。
解決方案
在實例的屬性里面堅決不要使用箭頭函數！?。。。。。。。。?！
Vue中的this丟失
1.接口請求發(fā)送不出去，顯示TypeErrory錯誤
2.語句看似不執(zhí)行
解決方案
//引用
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 {
? ? // 失敗了
})
},以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue中rem的配置的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
vue3中reactive數據被重新賦值后無法雙向綁定的解決
這篇文章主要介紹了vue3中reactive數據被重新賦值后無法雙向綁定的解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教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)數據交互與跨域問題，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-05-05
這篇文章主要為大家詳細介紹了Vue.js實現(xiàn)圖片切換功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06