如何重置vue打印变量的显示方式


Posted in Javascript onDecember 06, 2017

前言

我们在日常开发中,经常会碰到vue使用console.log()打印变量,会有多余我们不期望看到的属性

而且展开方式不友好

如何重置vue打印变量的显示方式

所以我们可以来重置一个打印方式,下面话不多说了,来一起看看详细的介绍吧。

方法如下:

在main.js文件中添加一下代码

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

以后我们打印变量就可以直接使用

this.print(obj)
//或者
this.print(obj,"error")

如何重置vue打印变量的显示方式

这样打印出来的信息就是以我们熟悉的方式打印了

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
javascript实现浏览器窗口传递参数的方法
Sep 03 Javascript
jQuery中empty()方法用法实例
Jan 16 Javascript
codeMirror插件使用讲解
Jan 16 Javascript
JS检测数组类型的方法小结
Mar 14 Javascript
详解Angular CLI + Electron 开发环境搭建
Jul 20 Javascript
详解vue 单页应用(spa)前端路由实现原理
Apr 04 Javascript
js中Generator函数的深入讲解
Apr 07 Javascript
react中Suspense的使用详解
Sep 01 Javascript
es6函数之尾调用优化实例分析
Apr 25 Javascript
vue2和vue3的v-if与v-for优先级对比学习
Oct 10 Javascript
JavaScript中isPrototypeOf函数
Nov 07 Javascript
Vue组件更新数据v-model不生效的解决
Apr 02 Vue.js
微信小程序实现点击按钮修改view标签背景颜色功能示例【附demo源码下载】
Dec 06 #Javascript
vue cli使用绝对路径引用图片问题的解决
Dec 06 #Javascript
微信小程序实现点击按钮移动view标签的位置功能示例【附demo源码下载】
Dec 06 #Javascript
实现单层json按照key字母顺序排序的示例
Dec 06 #Javascript
Thinkjs3新手入门之如何使用静态资源目录
Dec 06 #Javascript
浅谈JsonObject中的key-value数据解析排序问题
Dec 06 #Javascript
Thinkjs3新手入门之添加一个新的页面
Dec 06 #Javascript
You might like
joomla内置的表单验证功能使用方法
2010/06/11 PHP
web server使用php生成web页面的三种方法总结
2013/10/28 PHP
php实现微信模板消息推送
2018/03/30 PHP
php多进程应用场景实例详解
2019/07/22 PHP
tagName的使用,留一笔
2006/06/26 Javascript
jquery.cvtooltip.js 基于jquery的气泡提示插件
2010/11/19 Javascript
在浏览器中获取当前执行的脚本文件名的代码
2011/07/19 Javascript
Node.js中使用计时器定时执行函数详解
2014/08/15 Javascript
jquery实现不包含当前项的选择器实例
2015/06/25 Javascript
JS实现图文并茂的tab选项卡效果示例【附demo源码下载】
2016/09/21 Javascript
node实现简单的反向代理服务器
2017/07/26 Javascript
webpack+vue中使用别名路径引用静态图片地址
2017/11/20 Javascript
详解如何在angular2中获取节点
2017/11/23 Javascript
Vue 实现一个命令式弹窗组件功能
2019/09/25 Javascript
用JS实现一个简单的打砖块游戏
2019/12/11 Javascript
vue自定义组件实现双向绑定
2021/01/13 Vue.js
Python的Django框架中从url中捕捉文本的方法
2015/07/20 Python
python简单实现刷新智联简历
2016/03/30 Python
Python-嵌套列表list的全面解析
2016/06/08 Python
Python之多线程爬虫抓取网页图片的示例代码
2018/01/10 Python
Windows上使用Python增加或删除权限的方法
2018/04/24 Python
解决Django 在ForeignKey中出现 non-nullable field错误的问题
2019/08/06 Python
Spring实战之使用util:命名空间简化配置操作示例
2019/12/09 Python
python中使用you-get库批量在线下载bilibili视频的教程
2020/03/10 Python
python redis存入字典序列化存储教程
2020/07/16 Python
超市后勤自我鉴定
2014/01/17 职场文书
幼儿园秋游感想
2014/03/12 职场文书
基层党员对照检查材料
2014/09/24 职场文书
校园文化艺术节宣传标语
2014/10/09 职场文书
大学生实训报告总结
2014/11/05 职场文书
二年级上册数学教学计划
2015/01/20 职场文书
岗位职责范本大全
2015/02/26 职场文书
涨价通知怎么写
2015/04/23 职场文书
2015年园林绿化工作总结
2015/05/23 职场文书
小平小道观后感
2015/06/09 职场文书
如何用JS实现简单的数据监听
2021/05/06 Javascript