解決Vue的組件屬性this不存在問題
更新時間：2022年01月23日 15:05:41 作者：yatsov
這篇文章主要介紹了解決Vue的組件屬性this不存在問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
Vue的組件屬性this不存在
問題來源
今天寫代碼，發(fā)現(xiàn)我的mounted方法里面的this全部一致是undefined，很奇怪，一致再找問題然后我找到問題了。
原因
原因是我用mounted方法的時候一致是采用的箭頭函數(shù)而箭頭函數(shù)的話是和父作用域相關(guān)的，所以不會綁定到實例。
腦袋之前一致沒轉(zhuǎn)到這個問題上來坑死我了。
解決方案
在實例的屬性里面堅決不要使用箭頭函數(shù)！?。。。。。。。。。?/p>
Vue中的this丟失
1.接口請求發(fā)送不出去，顯示TypeErrory錯誤
2.語句看似不執(zhí)行
解決方案
//引用
this.$options.methods.getAll(this)
getAll:function(vue){
? //開始網(wǎng)絡(luò)傳輸
? vue.$http.get(protocal + ip + port + project + 'sdf/sdasd/sad/' ).then(result => {
? ? console.log(result.body)
? ? if (result.body.result) {
???????}
? //成功了
else {
? ? // 失敗了
})
},以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue實現(xiàn)todolist單頁面應(yīng)用
這篇文章主要為大家詳細介紹了vue實現(xiàn)todolist單頁面應(yīng)用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
vue實例成員?插值表達式?過濾器基礎(chǔ)教程示例詳解
這篇文章主要為大家介紹了vue實例成員?插值表達式?過濾器基礎(chǔ)教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步早日升職加薪2022-04-04
Vue如何利用flex布局實現(xiàn)TV端城市列表功能
用vue開發(fā)了三四個組件了,都是H5的,現(xiàn)在來看看PC是如何玩轉(zhuǎn)組件的,下面這篇文章主要給大家介紹了關(guān)于Vue如何利用flex布局實現(xiàn)TV端城市列表功能的相關(guān)資料,需要的朋友可以參考下2023-01-01
vue中el-table實現(xiàn)可拖拽移動列和動態(tài)排序字段
最近公司需要做個項目,需要拖拽表格和自定義表格字段,本文主要介紹了vue中el-table實現(xiàn)可拖拽移動列和動態(tài)排序字段,具有一定吃參考價值,感興趣的可以了解一下2023-12-12
vue攔截器實現(xiàn)統(tǒng)一token,并兼容IE9驗證功能
這篇文章主要介紹了vue攔截器實現(xiàn)統(tǒng)一token,并兼容IE9驗證功能，本文通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下2018-04-04
AES算法是一種對稱加密算法,用于加密和解密數(shù)據(jù),下面這篇文章主要給大家介紹了關(guān)于Vue項目中實現(xiàn)AES加密解密的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-08-08
vue中的<template>標簽與react中的<></>標簽區(qū)別詳解
這篇文章主要為大家介紹了vue中的<template>標簽與react中的<></>標簽區(qū)別詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
vue原理Compile之optimize標記靜態(tài)節(jié)點源碼示例
這篇文章主要為大家介紹了vue原理Compile之optimize標記靜態(tài)節(jié)點源碼示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
Vue使用axios進行數(shù)據(jù)異步交互的方法
大家都知道在Vue里面有兩種出名的插件能夠支持發(fā)起異步數(shù)據(jù)傳輸和接口交互,分別是axios和vue-resource,同時vue更新到2.0之后,宣告不再對vue-resource更新,而是推薦的axios,今天就講一下怎么引入axios,需要的朋友可以參考下2024-01-01
這篇文章主要介紹了vue輸入框使用模糊搜索功能，本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-05-05