欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

解決Vue的組件屬性this不存在問(wèn)題

 更新時(shí)間:2022年01月23日 15:05:41   作者:yatsov  
這篇文章主要介紹了解決Vue的組件屬性this不存在問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

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)文章

  • vue中rem的配置的方法示例

    vue中rem的配置的方法示例

    這篇文章主要介紹了vue中rem的配置的方法示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-08-08
  • vue3中reactive數(shù)據(jù)被重新賦值后無(wú)法雙向綁定的解決

    vue3中reactive數(shù)據(jù)被重新賦值后無(wú)法雙向綁定的解決

    這篇文章主要介紹了vue3中reactive數(shù)據(jù)被重新賦值后無(wú)法雙向綁定的解決,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-05-05
  • 詳解Vue 開(kāi)發(fā)模式下跨域問(wèn)題

    詳解Vue 開(kāi)發(fā)模式下跨域問(wèn)題

    本篇文章主要介紹了Vue 開(kāi)發(fā)模式下跨域問(wèn)題,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-06-06
  • Vue的生命周期一起來(lái)看看

    Vue的生命周期一起來(lái)看看

    這篇文章主要為大家詳細(xì)介紹了Vue的生命周期,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來(lái)幫助
    2022-02-02
  • vue項(xiàng)目首次打開(kāi)時(shí)加載速度很慢的優(yōu)化過(guò)程

    vue項(xiàng)目首次打開(kāi)時(shí)加載速度很慢的優(yōu)化過(guò)程

    這篇文章主要介紹了vue項(xiàng)目首次打開(kāi)時(shí)加載速度很慢的優(yōu)化過(guò)程,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-08-08
  • Vue3目錄調(diào)整方案詳解

    Vue3目錄調(diào)整方案詳解

    默認(rèn)生成的目錄結(jié)構(gòu)不滿足我們的開(kāi)發(fā)需求,所以這里需要做一些自定義改動(dòng),本文給大家分享Vue3目錄調(diào)整方案,感興趣的朋友一起看看吧
    2023-11-11
  • Vue3常用的通訊方式總結(jié)與實(shí)例代碼

    Vue3常用的通訊方式總結(jié)與實(shí)例代碼

    Vue.js中一個(gè)很重要的知識(shí)點(diǎn)是組件通信,不管是業(yè)務(wù)類的開(kāi)發(fā)還是組件庫(kù)開(kāi)發(fā),都有各自的通訊方法,下面這篇文章主要給大家介紹了關(guān)于Vue3常用的通訊方式的相關(guān)資料,需要的朋友可以參考下
    2022-05-05
  • 基于Vue實(shí)現(xiàn)電商SKU組合算法問(wèn)題

    基于Vue實(shí)現(xiàn)電商SKU組合算法問(wèn)題

    這篇文章主要介紹了基于Vue實(shí)現(xiàn)電商SKU組合算法問(wèn)題 ,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2019-05-05
  • vue中axios實(shí)現(xiàn)數(shù)據(jù)交互與跨域問(wèn)題

    vue中axios實(shí)現(xiàn)數(shù)據(jù)交互與跨域問(wèn)題

    這篇文章主要介紹了vue中axios實(shí)現(xiàn)數(shù)據(jù)交互與跨域問(wèn)題,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下
    2019-05-05
  • Vue.js實(shí)現(xiàn)圖片切換功能

    Vue.js實(shí)現(xiàn)圖片切換功能

    這篇文章主要為大家詳細(xì)介紹了Vue.js實(shí)現(xiàn)圖片切換功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-06-06

最新評(píng)論