vue關(guān)于data變量定義的問(wèn)題
vue中data變量定義問(wèn)題
vue中報(bào)Cannot read property 'value1' of undefined
這兩天在使用uni-app寫(xiě)一個(gè)功能時(shí)，值能夠成功渲染到頁(yè)面，但老是報(bào)值為undefined，最開(kāi)始還以為是異步加載的問(wèn)題。
如下圖：
找了好久的問(wèn)題，怎么看都沒(méi)毛??！
最后發(fā)現(xiàn)data()的return里的變量出了問(wèn)題，我這里寫(xiě)的是_2hpdg，原來(lái)在這里的變量不能出現(xiàn)特殊字符或者數(shù)字。
長(zhǎng)知識(shí)了！
vue項(xiàng)目一個(gè)坑：vue在data定義變量，使用時(shí)是undefined
在methods中使用this.userId，結(jié)果打印出來(lái)是undefined
原因
當(dāng)一個(gè)Vue實(shí)例被創(chuàng)建時(shí)，它將data對(duì)象中的所有property加入到Vue的響應(yīng)式系統(tǒng)中。
當(dāng)這些property的值發(fā)生改變時(shí)，視圖將會(huì)產(chǎn)生“響應(yīng)”，匹配更新為新的值
解決
定義一個(gè)變量
var _this=this
后面的方法都能使用。
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue3提了一個(gè)Ref?Sugar的RFC，即ref語(yǔ)法糖，目前還處理實(shí)驗(yàn)性的(Experimental)階段，今天通過(guò)本文給大家介紹vue3中使用ref語(yǔ)法糖的相關(guān)知識(shí)，感興趣的朋友跟隨小編一起看看吧2022-09-09
axios取消請(qǐng)求CancelToken的用法示例代碼
Axios提供了取消請(qǐng)求的功能,可以通過(guò)使用CancelToken來(lái)實(shí)現(xiàn),這篇文章主要給大家介紹了關(guān)于axios取消請(qǐng)求CancelToken的用法,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10
vue項(xiàng)目前端埋點(diǎn)的實(shí)現(xiàn)
這篇文章主要介紹了vue項(xiàng)目前端埋點(diǎn)的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
vuex項(xiàng)目中登錄狀態(tài)管理的實(shí)踐過(guò)程
由于狀態(tài)零散地分布在許多組件和組件之間的交互中,大型應(yīng)用復(fù)雜度也經(jīng)常逐漸增長(zhǎng),為了解決這個(gè)問(wèn)題,Vue 提供 vuex,這篇文章主要給大家介紹了關(guān)于vuex項(xiàng)目中登錄狀態(tài)管理的相關(guān)資料,需要的朋友可以參考下2021-09-09
使用Vue3實(shí)現(xiàn)在瀏覽器端進(jìn)行zip文件壓縮
在前端開(kāi)發(fā)中,我們時(shí)常需要處理文件上傳和下載的功能,本文主要和大家分享一下如何使用Vue3和JSZip庫(kù)在瀏覽器端實(shí)現(xiàn)zip文件壓縮,需要的可以參考下2024-05-05
vue生命周期四個(gè)階段created和mount詳解
這篇文章主要介紹了vue生命周期四個(gè)階段created和mount,本文給大家介紹的非常詳細(xì),補(bǔ)充介紹了什么是實(shí)例,什么是實(shí)例被掛載到DOM,什么是dom,dao操作又是什么,感興趣的朋友跟隨小編一起看看吧2024-02-02
Vue實(shí)現(xiàn)單點(diǎn)登錄控件的完整代碼
這里提供一個(gè)Vue單點(diǎn)登錄的demo給大家參考，對(duì)Vue實(shí)現(xiàn)單點(diǎn)登錄控件的完整代碼感興趣的朋友跟隨小編一起看看吧2021-11-11
有時(shí)候,頻繁調(diào)用的函數(shù),我們需要把它掛載在全局的vue原型上,方便調(diào)用,這篇文章主要為大家詳細(xì)介紹了Vue中掛載全局的具體操作,需要的可以參考下2024-03-03
這篇文章主要介紹了Vue高級(jí)特性概念原理，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧2023-03-03
在Vue?3中，可以使用多種方式來(lái)使用SVG圖標(biāo)，這篇文章主要為大家總結(jié)了五個(gè)常用的方式，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以了解下2023-08-08