vue2.0:Can not read property ‘XXX’ of undefined
問題描述:在vue2環境下:頁面爆出標題的錯誤,但是頁面的資料和方法正常渲染和使用,沒有任何異常。
解決辦法:
①定義非同步請求資料的完整格式
②頁面使用該資料時,使用v-if進行判斷一下
問題分析:
當你的頁面中渲染的時候,created的資料肯定是還沒獲取到的,如果你的json是隻巢狀一層,因為data你已經定義好了,所以data.a不會出現data undefined的錯誤,只是找不到data.a的資料,當你非同步請求完之後,會自動更新。但是如果你的json是巢狀兩層,比如data.a.b,那麼當你呼叫data.a.b的時候,因為data.a還沒有定義,所以就會報錯說Cannot read property ‘b’ of undefined。
如果你要避免這個,就在div外再巢狀一層
這樣當data.a.b還沒有獲取獲取到的時候就不會渲染,不能直接使用data.a.b”,因為這時候data.a還不存在。當created的資料獲取到後會自動更新。你要記住的就是,created中非同步獲取的資料基本都是在頁面渲染之後的,所以初始化資料的時候要加v-if。
相關推薦
vue2.0:Can not read property ‘XXX’ of undefined
問題描述:在vue2環境下:頁面爆出標題的錯誤,但是頁面的資料和方法正常渲染和使用,沒有任何異常。 解決辦法: ①定義非同步請求資料的完整格式 ②頁面使用該資料時,使用v-if進行判斷一下 問題分析: 當你的頁面中渲染的時候,created的資料肯定是
解決vue2.0路由 TypeError: Cannot read property 'matched' of undefined 的錯誤問題
剛開始使用vue-router2.0,雖然也用了vux,用起來卻發現一個問題……具體如下: 正常情況下使用腳手架跑完之後,然後修改源專案,首先在main.js入口裡把該import進去的vuex,vue-router,vue-resource等等都啟動好了,接著就是在對應的資
Vue2.0 之 vue Cannot read property '__ob__' of undefined 異常(back報錯)
Vue2.0 之 back鍵報錯 (異常:vue Cannot read property ‘ob’ of undefined) 這個原因是因為我在本頁面迴圈了元件的原因,例如:
vue 報錯:Cannot read property 'xxx' of undefined",但是頁面能渲染上資料
有時候會遇到給頁面繫結資料的時候,可以繫結成功,但vue warn:xxx屬性of undefined,,,如果本元件只是繫結簡單的資料倒是可以忽略,如果本元件還引入了其他元件或第三方元件,外掛,則就渲染不出來,就需要解決了, <template>
NodeJs錯誤:TypeError: Cannot read property 'path' of undefined
情景重現: 錯誤程式碼: function upload(response, request){ console.log("Request handler 'upload' was called."); var form = new formidable.Incom
TS/JS錯誤:TypeError: Cannot read property 'prototype' of undefined
總結一下解決這個錯誤的引起和過程。 錯誤資訊:TypeError: Cannot read property ‘prototype’ of undefined 開發語言:TypeScript 編譯後語言:JavaScript 開發工具:LayaAir
vue.js中報錯: TypeError: Cannot read property 'indexOf' of undefined
[Vue warn]: Error when evaluating expression "name.indexOf('jack') >= 0": TypeError: Cannot read
vue 報錯解決:TypeError: Cannot read property '_t' of undefined"
前端報錯如下: [Vue warn]: Error in render: “TypeError: Cannot read property ‘_t’ of undefined” 是在專案中用了多語言配置,vue 跟 i18n之間的相容問題。解決方法如下:
background.js Uncaught TypeError: Cannot read property 'xxx' of undefined
chrome extensions 開發過程中 background.js 呼叫chrom.** js的過程中經常遇到 background.js:24 Uncaught TypeError: Cannot read property 'onClicked' of und
javafx error --- Can not retrieve property 'xxx' in PropertyValueFactory
在javafx中使用表格時,將TableColumn與自己建立的類的某個欄位繫結時出現的問題,自建類定義如下: class RankRecord{ private final SimpleIntege
解決Jackson報錯:can not access a member of class xx.xx.ser.std.NullSerializer with modifiers "private"
解決 Jackson 報錯:can not access a member of class com.fasterxml.jackson.databind.se
在用vuex的時候報一個很‘坑嗲’的錯誤:Cannot read property 'dispatch' of undefined
在用vuex的時候報一個很‘坑爹’的錯誤,如下圖: 我找了很久才找到原因,其他程式碼都沒問題,就是報了上面那個錯誤,原來是我在main.js import store from './store.js'的問題 如圖: 這樣就會報錯, 後來我改成小寫之後:
SignalR代理物件異常:Uncaught TypeError: Cannot read property 'client' of undefined 推出的結論
後臺建立了一個DntHub的集線器 前臺在呼叫的時候出現了問題(經檢查是代理物件建立失敗) 於是到StackOverflow上面找了下: 上面說改成小寫就ok了,很多人也解決成功了 逆天改成小寫後也解決了,var chat = $.connection.dntHub 也許很多人就直接
關於JS出現的Cannot read property 'XXX' of null錯誤
看了stack overflow,感覺還是對不上號。就百度其他的了。 Cannot read property 'cxslide' of null 除錯頁面的時候出現了這樣的錯誤,搜尋一番發現是由於在
使用form的方法(例如:reset,clear等)報錯Uncaught TypeError: Cannot read property 'tip' of undefined(…)的原因
在瀏覽器中debug前端程式碼時,第一次按一個按鍵,沒有問題,第二次開始再按這個按鍵的時候,出現了錯誤Uncaught TypeError: Cannot read property 'tip' of undefined(…),雖然不影響功能,但是出現紅色的錯誤總是感覺
easyui列表查詢報錯:Cannot read property 'length' of undefined
1.問題描述 easyui中datagrid執行loadData方法出現如下異常:Cannot read property 'length' of undefined 2.一開始懷疑是js或者頁面的問題,然後從早上幹到下午,網上各種方法用盡了就是不行! 最後
bootstrap輪播圖:cant read property 'offsetWidth' of undefined
今日使用bootstrap中carousel時出現了一個小問題,cant read property 'offsetWidth' of undefined。由於從bootstrap裡copy過來是可以正
Cannot read property 'component' of undefined 即vue-router 0.x轉化為2.x
vue專案原本是用0.x版本的vue-router,但是去報出:Cannot read property 'component' of undefined 這是因為版本問題,由於vue2刪除了vue1
extjs:Cannot read property 'processed' of undefined
今天除錯的時候出現一個bug ext-all-debug.js: Uncaught TypeError: Cannot read property 'processed' of undefine
TypeError: Cannot read property ‘url‘ of undefined
React-router引言 使用React-router感覺還是有一定「曲線」的,首先要熟悉ES6且不說,對於JSX擴展語法及React-router有關路由表達稍有馬虎都不可以。當出現如題所示錯誤時,我在網絡上搜索,竟然沒有找到幾處可參考的。倒是有一個如下: https://teamtreehouse.c