将vue打印出来的显示为(…)的对象显示为树状可浏览数据

作者: 遨游死神 分类: 前端开发 发布时间: 2019-04-04 17:36

场景: vue 的 console.log() 函数打印对象在控制台显示 (…),鼠标移动上去时的 title 显示为 invoke property getter ,需要点击后才显示详细数据。

需求: 在控制台可以直观地浏览到树状数据的内部数据。

解决方案:

  1. 在mian.js添加以下代码:
  1. Vue.prototype.print = (obj,type) => {
  2.     type = type || “log”;
  3.     const log = JSON.parse(JSON.stringify(obj));
  4.     console[type](log)
  5. }

2.以后打印变量使用如下方法:

  1. this.print(obj);

 

发表评论

您的电子邮箱地址不会被公开。