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

场景: 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);

 

未经允许不得转载:Java爱好者 » 将vue打印出来的显示为(…)的对象显示为树状可浏览数据

赞 (0) 打赏