關于Vue?"__ob__:Observer"屬性的解決方案詳析
更新時間：2022年11月12日 15:11:39 作者：一個水瓶座程序猿.
在操作數據的時候發(fā)現,__ob__: Observer這個屬性出現之后,如果單獨拿數據的值,就會返回undefined,下面這篇文章主要給大家介紹了關于Vue?"__ob__:Observer"屬性的解決方案,需要的朋友可以參考下
問題描述
- 我們操作 Vue 數據的時候，經常會看到這個屬性:
__ob__:Observer - 在我們操作這個數據的時候，如果想要單獨拿這個數據里面的值，就會返回
undefined - 經過我在網上查找相關資料，發(fā)現
__ob__:Observer是 Vue 中一個非常重要的知識點
原因分析：
那么什么是數據對象的
__ob__屬性呢？
其實 __ob__:Observer 這些數據，是 Vue 框架對數據設置的監(jiān)控器，一般是 不可以被枚舉 的
解決方案：
下面是我在網上查資料找的幾點解決方案，希望可以幫到大家：
第一種： __ob__: Observer 是 Vue 對數據監(jiān)控添加的屬性，如果想去掉可以采用對象賦值的方式。
舉個例子：Object.assign({ },this.owner)
擴展知識：Object.assign() 方法將所有可枚舉和自有屬性從一個或多個源對象復制到目標對象，返回修改后的對象。
第二種： 比如說 list 里面存放的就是那些帶有 __ob__:Observer 的數據，那么可以使用 JSON.parse(JSON.stringify(this.list)) 來進行解決
第三種： 直接操作數據
// 將后端返回的數據，賦值給我們定義的變量 // 舉個例子：我們定義的變量叫做 tableData this.tableData = res.data; // 我們把后端返回的數據，賦值給我們的變量 this.tableData 如果我們是在控制臺輸出: console.log(this.tableData.id) // 就會返回 undefined 但是如果我們加上索引: console.log(this.tableData[0].id) // 就會得到我們想要的 id 了
總結
到此這篇關于關于Vue "__ob__:Observer"屬性的解決方案的文章就介紹到這了,更多相關Vue "__ob__:Observer"屬性解決內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了解決vue頁面渲染但dom沒渲染的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要介紹了uni-app 的自定義組件，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-10-10
這篇文章主要介紹了mpvue全局引入sass文件的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-03-03
這篇文章主要介紹了Vue中SourceMap的使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-06-06
Vue v-for循環(huán)之@click點擊事件獲取元素示例
今天小編就為大家分享一篇Vue v-for循環(huán)之@click點擊事件獲取元素示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要介紹了Vue基于iview實現登錄密碼的顯示與隱藏功能,本文通過截圖實例代碼說明給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-03-03
這篇文章主要介紹了Vue3內置組件Teleport使用方法，Teleport是Vue 3.0 新增的一個內置組件，主要是為了解決一些特殊場景下模態(tài)對話框組件、組件的渲染，帶著些許的了解一起走進下面文章的詳細內容吧2021-10-10
vue點擊input彈出帶搜索鍵盤并監(jiān)聽該元素的方法
今天小編就為大家分享一篇vue點擊input彈出帶搜索鍵盤并監(jiān)聽該元素的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
element ui el-date-picker組件默認值方式
這篇文章主要介紹了element ui el-date-picker組件默認值方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-12-12
本文給大家分析下vue2.0幾個重要的與自己目前項目相關的變化，也是vue2.0不可忽視的變化，非常不錯，具有參考借鑒價值，感興趣的朋友一起看看吧2016-09-09