Java爱好者 - 专注于Java技术Java爱好者 - 专注于Java技术

JAVA爱好者

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

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

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

解决方案:
在mian.js添加以下代码:

Vue.prototype.print = (obj,type) => {
    type = type || "log";
    const log = JSON.parse(JSON.stringify(obj));
    console[type](log)
}

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

this.print(obj);

 

本原创文章未经允许不得转载 | 当前页面:Java爱好者 - 专注于Java技术 » 将vue打印出来的显示为(...)的对象显示为树状可浏览数据

评论