当前位置：代码网 > it编程>前端脚本>Vue.js > vue打印的对象在浏览器中显示的问题分析

vue打印的对象在浏览器中显示的问题分析

2024年05月26日 • Vue.js •我要评论

1.现象当在vue中打印对象的时候会发现有一些属性或者全部属性都是显示的...,点击展开后才能看到真正的值是什么.2.原因因为在vue中对象都是用了代理重写了get,由于get重写也就导致了浏览器不能

1.现象

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

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打印的对象在浏览器显示内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网！

vue3+ts+vite打包后静态资源404无法加载js和css问题解决办法

vite 打包生成的文件如果直接放在服务器中是可以正常访问的，但是本地直接访问打包生成index.html文件就会提示以下问题。访问的文件不存在，主要是因为路径... [阅读全文]
ElementUI的CheckBox多选框数据回显方式

elementui的checkbox多选框数据回显我们经常需要进行多选框checkbox的数据回显例如上图需要回显已选的数据。因为elementui已经对代码进... [阅读全文]
vue跳转时根据url锚点(#xxx)实现页面内容定位的方法

介绍本前端仔在做页面跳转的时候，被要求跳转到页面时候，把对应部分的内容自动滚动到顶部~我一开始想到的就是根据锚点<a href="#xxid&q... [阅读全文]
Vue3 openlayers加载瓦片地图并手动标记坐标点功能

一、创建vue3项目注：不用创建项目的可以直接跳过这块。我们这里用vue/cli创建，我用的node版本是18.12.1。创建前可以先配置下镜像源：npm co... [阅读全文]
基于vue3+TypeScript实现一个简易的Calendar组件

功能分析目前学到功能有以下几点日历的日期展示（核心组件，计算当月天数，第一天是星期几，以及上下月日期的连接）切换月份联动日期修改定位当前日期功能实现初始化使用 ... [阅读全文]
浅析Vue3中Excel下载模板并导入数据功能的实现

上传功能代码一<el-dialog :title="upload.title" v-model="upload.open" width="400px" a... [阅读全文]

发表评论


验证码：