您好,登錄后才能下訂單哦!
這篇文章主要介紹了Vue數組中出現__ob__:Observer無法取值問題怎么解決的相關知識,內容詳細易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇Vue數組中出現__ob__:Observer無法取值問題怎么解決文章都會有所收獲,下面我們一起來看看吧。
在開發項目中經常要從數據庫中拿到數組然后復制給新的數組使用,但是會發現有時候會發現帶有 __ob__: Observer
數組后綴的就是沒有辦法取到值,更可怕的是 console.log
卻能看得到值。數組如下圖所示:
那么針對這樣的問題博客上基本上都是說要將數組轉化成string對象運用這個JSON.parse(JSON.stringify(數組))
再進行賦值,然后一頓操作數組變成空!!! 說實話根本不是這個原因,哎被坑了一下午!
那么首先先解釋一下為什么數組后面會出現__ob__: Observer
,這個后綴其實是Vue監控變量產生的,如果你是使用 push添加的對象信息就會出現__ob__: Observer
。
__ob__: Observer
并不是說不能遍歷不能枚舉那到底為什么還是取不到值呢????,只是因為你太著急了
我們應該考慮到我們再用vue取值的方式是Ajax異步的,換句人話就是說,你還沒有從數據庫中取到值放到對應的數組中去你那邊就開始取值,那肯定是取不到的,所以我們可以有兩種方法,第一種把這個換成同步的形式等你加載完之后再進行取值,或者說采用第二種方式就是設一個延遲等去取完之后呢你在進行賦值即可!那么你就可以看到這個值了~~
mounted() { setTimeout(()=>{ //這里就寫你要執行的語句即可,先讓數據庫的數據加載進去數組中你在從數組中取值就好了 },800) }
關于“Vue數組中出現__ob__:Observer無法取值問題怎么解決”這篇文章的內容就介紹到這里,感謝各位的閱讀!相信大家對“Vue數組中出現__ob__:Observer無法取值問題怎么解決”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。