关于console.table及chrome调试打印变量的问题

最新推荐文章于 2025-06-03 09:01:01 发布

原创最新推荐文章于 2025-06-03 09:01:01 发布 · 2.5k 阅读

0 ·

CC 4.0 BY-SA版权

Chrome调试专栏收录该内容

2 篇文章

订阅专栏

本文探讨了在Vue开发中，如何通过console.log或console.table完全显示从后台获取的大量数据，避免显示为省略号，提供了一个简单有效的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue开发页面，在打印一个返回结果的时候，如何让所有的变量展开。。而不是（…）鼠标移入会提示invoke property getter。

今天使用console.table打印东西发现一个奇怪的现象：
在这里插入图片描述
其中aaa和this.tableData的数据是一样的，不过后者是从后台返回过来的。打印两者结果如下:

为什么下面打印的是省略号，如果数据很多的话，还要我一个一个去点开？

面向百度吧，最后找到下面的方法，别问为什么这样写？我也不知道：

  console.table(aaa, ["personnel"]);
  console.table(this.tableData, ["personnel"]);
  console.table(JSON.parse(JSON.stringify(this.tableData)), ["personnel"]);

打印结果：
在这里插入图片描述
方法同样适用于下列情形：