vue打印的對象在瀏覽器中顯示的問題分析
1.現象
當在vue中打印對象的時候會發(fā)現有一些屬性或者全部屬性都是顯示的...,點擊展開后才能看到真正的值是什么.
2.原因
因為在vue中對象都是用了代理重寫了get,由于get重寫也就導致了瀏覽器不能直接獲取到具體的值,因此才會在打印的時候為...,手動點擊展開才顯示具體的值
3.想看具體的值,不想手動點開怎么辦
通過JSON.stringfy 序列化再用JSON.parse解析
"proxy-zdz-log": { "prefix": "log", "body": ["console.log(JSON.parse(JSON.stringify($1))); // zdz-log", "$2"], "description": "zdz-log" },
對于vscode,可以直接配置一個代碼片段來進行快速輸入
如何設置
效果
到此這篇關于vue打印的對象在瀏覽器中顯示的問題分析的文章就介紹到這了,更多相關vue打印的對象在瀏覽器顯示內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
詳解VUE 對element-ui中的ElTableColumn擴展
本篇文章主要介紹了詳解VUE 對element-ui中的ElTableColumn擴展,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-03-03解決Vue3使用Element-Plus導航刷新后active高亮消失的問題
這篇文章主要給大家介紹了如何解決Vue3使用Element-Plus導航刷新后active高亮消失的問題,文中有相關的代碼講解,需要的朋友可以參考下2023-08-08Vue.js 通過jQuery ajax獲取數據實現更新后重新渲染頁面的方法
今天小編小編就為大家分享一篇Vue.js 通過jQuery ajax獲取數據實現更新后重新渲染頁面的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08