中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Vue數組中出現__ob__:Observer無法取值問題怎么解決

發布時間:2022-03-31 17:11:20 來源:億速云 閱讀:409 作者:iii 欄目:開發技術

這篇文章主要介紹了Vue數組中出現__ob__:Observer無法取值問題怎么解決的相關知識,內容詳細易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇Vue數組中出現__ob__:Observer無法取值問題怎么解決文章都會有所收獲,下面我們一起來看看吧。

問題說明

在開發項目中經常要從數據庫中拿到數組然后復制給新的數組使用,但是會發現有時候會發現帶有 __ob__: Observer 數組后綴的就是沒有辦法取到值,更可怕的是 console.log 卻能看得到值。數組如下圖所示:

Vue數組中出現__ob__:Observer無法取值問題怎么解決

解決問題

那么針對這樣的問題博客上基本上都是說要將數組轉化成string對象運用這個JSON.parse(JSON.stringify(數組))再進行賦值,然后一頓操作數組變成空!!! 說實話根本不是這個原因,哎被坑了一下午!

那么首先先解釋一下為什么數組后面會出現__ob__: Observer ,這個后綴其實是Vue監控變量產生的,如果你是使用 push添加的對象信息就會出現__ob__: Observer

__ob__: Observer并不是說不能遍歷不能枚舉那到底為什么還是取不到值呢????,只是因為你太著急了

我們應該考慮到我們再用vue取值的方式是Ajax異步的,換句人話就是說,你還沒有從數據庫中取到值放到對應的數組中去你那邊就開始取值,那肯定是取不到的,所以我們可以有兩種方法,第一種把這個換成同步的形式等你加載完之后再進行取值,或者說采用第二種方式就是設一個延遲等去取完之后呢你在進行賦值即可!那么你就可以看到這個值了~~

mounted() {
 setTimeout(()=>{
 //這里就寫你要執行的語句即可,先讓數據庫的數據加載進去數組中你在從數組中取值就好了
 },800)
 }

結果圖

Vue數組中出現__ob__:Observer無法取值問題怎么解決

關于“Vue數組中出現__ob__:Observer無法取值問題怎么解決”這篇文章的內容就介紹到這里,感謝各位的閱讀!相信大家對“Vue數組中出現__ob__:Observer無法取值問題怎么解決”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

vue
AI

封丘县| 岱山县| 秭归县| 萨嘎县| 杭州市| 张家港市| 怀远县| 辽宁省| 平罗县| 新兴县| 台安县| 蒙自县| 齐齐哈尔市| 宣武区| 施甸县| 承德市| 阳谷县| 黔江区| 石嘴山市| 新昌县| 上饶县| 北海市| 米脂县| 商南县| 威宁| 略阳县| 晋宁县| 岳池县| 会同县| 东阿县| 磐安县| 麟游县| 眉山市| 汤原县| 井陉县| 志丹县| 枞阳县| 云龙县| 和龙市| 定日县| 盖州市|