场景: 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爱好者 » 将vue打印出来的显示为(…)的对象显示为树状可浏览数据