vue打印的對象在瀏覽器中顯示的問題分析
更新時(shí)間：2024年04月29日 08:54:23 作者：coderzdz
因?yàn)樵趘ue中對象都是用了代理重寫了get,由于get重寫也就導(dǎo)致了瀏覽器不能直接獲取到具體的值,因此才會在打印的時(shí)候?yàn)?..,手動(dòng)點(diǎn)擊展開才顯示具體的值，這篇文章主要介紹了為什么vue打印的對象在瀏覽器中顯示,需要的朋友可以參考下
1.現(xiàn)象
當(dāng)在vue中打印對象的時(shí)候會發(fā)現(xiàn)有一些屬性或者全部屬性都是顯示的...,點(diǎn)擊展開后才能看到真正的值是什么.
2.原因
因?yàn)樵趘ue中對象都是用了代理重寫了get,由于get重寫也就導(dǎo)致了瀏覽器不能直接獲取到具體的值,因此才會在打印的時(shí)候?yàn)?..,手動(dòng)點(diǎn)擊展開才顯示具體的值
3.想看具體的值,不想手動(dòng)點(diǎn)開怎么辦
通過JSON.stringfy 序列化再用JSON.parse解析
"proxy-zdz-log": {
"prefix": "log",
"body": ["console.log(JSON.parse(JSON.stringify($1))); // zdz-log", "$2"],
"description": "zdz-log"
},對于vscode,可以直接配置一個(gè)代碼片段來進(jìn)行快速輸入
如何設(shè)置
效果
到此這篇關(guān)于vue打印的對象在瀏覽器中顯示的問題分析的文章就介紹到這了,更多相關(guān)vue打印的對象在瀏覽器顯示內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
混入mixin提供了一種非常靈活的方式，來分發(fā)Vue組件中的可復(fù)用功能，一個(gè)混入對象可以包含任意組件選項(xiàng)，接下來通過本文給大家介紹VUE?mixin?使用,需要的朋友可以參考下2022-08-08
vue項(xiàng)目中Toast字體過小,沒有邊距的解決方案
這篇文章主要介紹了vue項(xiàng)目中Toast字體過小，沒有邊距的解決方案。具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
解決vue3中from表單嵌套el-table時(shí)填充el-input,v-model不唯一問題
這篇文章主要給大家介紹一下如何解決vue3中from表單嵌套el-table時(shí)填充el-input,v-model不唯一問題，文中有相關(guān)的解決方法，通過代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2023-07-07
這篇文章主要介紹了Vue.js中的下載和調(diào)用方式，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-11-11
這篇文章主要介紹了vue 如何使用遞歸組件，幫助大家更好的理解和使用vue，完成開發(fā)需求，感興趣的朋友可以了解下2020-10-10
vue項(xiàng)目中實(shí)現(xiàn)圖片預(yù)覽的公用組件功能
小編接到查看影像的功能需求，根據(jù)需求，多個(gè)組件需要用到查看影像的功能，所以考慮做一個(gè)公用組件，通過組件傳值的方法將查看影像文件的入?yún)鬟^去。下面小編通過實(shí)例代碼給大家分享vue項(xiàng)目中實(shí)現(xiàn)圖片預(yù)覽的公用組件功能，需要的朋友參考下吧2018-10-10
這篇文章主要介紹了vue 使用高德地圖vue-amap組件過程解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
解決vue項(xiàng)目中頁面調(diào)用數(shù)據(jù) 在數(shù)據(jù)加載完畢之前出現(xiàn)undefined問題
今天小編就為大家分享一篇解決vue項(xiàng)目中頁面調(diào)用數(shù)據(jù) 在數(shù)據(jù)加載完畢之前出現(xiàn)undefined問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
vue組件從開發(fā)到發(fā)布的實(shí)現(xiàn)步驟
這篇文章主要介紹了vue組件從開發(fā)到發(fā)布的實(shí)現(xiàn)步驟，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-11-11
vue 判斷頁面是首次進(jìn)入還是再次刷新的實(shí)例
這篇文章主要介紹了vue 判斷頁面是首次進(jìn)入還是再次刷新的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11