vue關(guān)于data變量定義的問(wèn)題
vue中data變量定義問(wèn)題
vue中報(bào)Cannot read property 'value1' of undefined
這兩天在使用uni-app寫一個(gè)功能時(shí)，值能夠成功渲染到頁(yè)面，但老是報(bào)值為undefined，最開始還以為是異步加載的問(wèn)題。
如下圖：
找了好久的問(wèn)題，怎么看都沒毛??！
最后發(fā)現(xiàn)data()的return里的變量出了問(wèn)題，我這里寫的是_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中安裝并且使用Tailwind CSS的完整步驟,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧2025-04-04
Vue實(shí)現(xiàn)動(dòng)態(tài)查詢規(guī)則生成組件
今天我們來(lái)給大家介紹下在Vue開發(fā)中我們經(jīng)常會(huì)碰到的一種需求場(chǎng)景，本文主要介紹了Vue動(dòng)態(tài)查詢規(guī)則生成組件，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
Vue實(shí)現(xiàn)定位并解決內(nèi)存泄漏
Vue.js?是一個(gè)流行且強(qiáng)大的?JavaScript?框架,它允許我們構(gòu)建動(dòng)態(tài)和交互式?Web?應(yīng)用程序,本文我們將深入探討?Vue.js?應(yīng)用程序中內(nèi)存泄漏的原因,并探索如何定位和修復(fù)這些問(wèn)題的有效策略,希望對(duì)大家有所幫助2023-09-09
element用腳本自動(dòng)化構(gòu)建新組件的實(shí)現(xiàn)示例
本文主要介紹了element-ui的用腳本自動(dòng)化構(gòu)建新組件的實(shí)現(xiàn)示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-12-12
Vue3中虛擬dom轉(zhuǎn)成真實(shí)dom的過(guò)程詳解
Vue.js?在其運(yùn)行過(guò)程中會(huì)將模板編譯成虛擬?DOM?(VNode),然后再將?VNode?渲染成實(shí)際的?DOM?節(jié)點(diǎn),這個(gè)過(guò)程是由?Vue?內(nèi)部的編譯器和渲染系統(tǒng)完成的,本文給大家介紹了Vue3中虛擬dom轉(zhuǎn)成真實(shí)dom的過(guò)程,需要的朋友可以參考下2024-09-09
這篇文章主要為大家詳細(xì)介紹了Vue如何使用EasyPlayerPro實(shí)現(xiàn)播放本地MP4視頻功能,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-11-11
本篇文章主要介紹了Vue中的v-cloak使用解讀，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03
el-table多選toggleRowSelection不生效解決方案
這篇文章主要給大家介紹了關(guān)于el-table多選toggleRowSelection不生效的解決方案,文中通過(guò)圖文以及代碼將解決辦法介紹的非常詳細(xì),需要的朋友可以參考下2023-08-08
這篇文章主要介紹了vant的picker的坑及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-12-12
詳解使用vue-admin-template的優(yōu)化歷程
這篇文章主要介紹了詳解使用vue-admin-template的優(yōu)化歷程，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05