如何重置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 相关文章推荐
jquery tablesorter.js 支持中文表格排序改进
Dec 09 Javascript
基于jQuery的表格操作插件
Apr 22 Javascript
js 字符串转换成数字的三种方法
Mar 23 Javascript
判断某个字符在一个字符串中是否存在的js代码
Feb 28 Javascript
javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等
May 08 Javascript
javascript实现点击后变换按钮显示文字的方法
May 13 Javascript
详解javascript实现瀑布流列式布局
Jan 29 Javascript
总结JavaScript的正则与其他语言的不同之处
Aug 25 Javascript
清空元素html("") innerHTML="" 与 empty()的区别和应用(推荐)
Aug 14 Javascript
Node.js创建Web、TCP服务器
Dec 05 Javascript
基于D3.js实现时钟效果
Jul 17 Javascript
一文搞懂ES6中的Map和Set
May 20 Javascript
微信小程序实现点击按钮修改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
PHP用户指南-cookies部分
2006/10/09 PHP
JavaScript中的私有成员
2006/09/18 Javascript
JavaScript中的Window窗口对象
2008/01/16 Javascript
jQuery的一些特性和用法整理小结
2010/01/13 Javascript
改进版通过Json对象实现深复制的方法
2012/10/24 Javascript
instanceof和typeof运算符的区别详解
2014/01/06 Javascript
JavaScript省市联动实现代码
2014/02/15 Javascript
回车直接实现点击某按钮的效果即触发单击事件
2014/02/27 Javascript
jQuery.holdReady()方法用法实例
2014/12/27 Javascript
jquery复选框多选赋值给文本框的方法
2015/01/27 Javascript
js实现全国省份城市级联下拉菜单效果代码
2015/09/07 Javascript
javascript特效实现——当前时间和倒计时效果的简单实例
2016/07/20 Javascript
javascript 动态生成css代码的两种方法
2017/03/17 Javascript
Bootstrap模态框插件使用详解
2017/05/11 Javascript
js原生日历的实例(推荐)
2017/10/31 Javascript
Vue的事件响应式进度条组件实例详解
2018/02/04 Javascript
浅谈Angular 的变化检测的方法
2018/03/01 Javascript
vue中使用cropperjs的方法
2018/03/01 Javascript
Javascript实现单选框效果
2020/12/09 Javascript
vue使用require.context实现动态注册路由
2020/12/25 Vue.js
[46:02]DOTA2上海特级锦标赛D组资格赛#2 Liquid VS VP第二局
2016/02/28 DOTA
python基础教程之python消息摘要算法使用示例
2014/02/10 Python
Python中for循环控制语句用法实例
2015/06/02 Python
Python字符串格式化%s%d%f详解
2018/02/02 Python
Python Pandas找到缺失值的位置方法
2018/04/12 Python
简单了解python中的f.b.u.r函数
2019/11/02 Python
python分布式编程实现过程解析
2019/11/08 Python
python实现将字符串中的数字提取出来然后求和
2020/04/02 Python
HTML5 在canvas中绘制矩形附效果图
2014/06/23 HTML / CSS
原料仓管员岗位职责
2014/04/12 职场文书
4s店销售经理岗位职责
2014/07/19 职场文书
导游词范文
2015/02/13 职场文书
纪检部部长竞选稿
2015/11/21 职场文书
2016年社区综治宣传月活动总结
2016/03/16 职场文书
十个Python自动化常用操作,即拿即用
2021/05/10 Python
python b站视频下载的五种版本
2021/05/27 Python