为什么vue打印的对象在浏览器中显示...

1.现象

当在vue中打印对象的时候会发现有一些属性或者全部属性都是显示的...,点击展开后才能看到真正的值是什么.
image
image

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,可以直接配置一个代码片段来进行快速输入
如何设置
image
image
效果
image
image

posted @   story.Write(z)  阅读(140)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 2分钟学会 DeepSeek API,竟然比官方更好用!
· .NET 使用 DeepSeek R1 开发智能 AI 客户端
· DeepSeek本地性能调优
· autohue.js:让你的图片和背景融为一体,绝了!
· 10亿数据,如何做迁移?
点击右上角即可分享
微信分享提示