将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);

 

腾讯云服务器安全可靠高性能,多种配置供您选择
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: