如何重置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 相关文章推荐
js报错 Object doesn't support this property or method的原因分析
Mar 31 Javascript
javascript+xml实现简单图片轮换(只支持IE)
Dec 23 Javascript
关于jQuery中的each方法(jQuery到底干了什么)
Mar 05 Javascript
javascript文本框内输入文字倒计数的方法
Feb 24 Javascript
谈谈JavaScript中function多重理解
Aug 28 Javascript
Vue.js系列之项目搭建(1)
Jan 03 Javascript
angularJS 发起$http.post和$http.get请求的实现方法
May 18 Javascript
JavaScript插件Tab选项卡效果
Nov 14 Javascript
vue动态绑定class选中当前列表变色的方法示例
Dec 19 Javascript
vue router 通过路由来实现切换头部标题功能
Apr 24 Javascript
微信小程序上传图片并等比列压缩到指定大小的实例代码
Oct 24 Javascript
vue实现导航标题栏随页面滚动渐隐渐显效果
Mar 12 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
2006/12/14 PHP
PHP 实例化类的一点摘记
2008/03/23 PHP
完美解决PHP中的Cannot modify header information 问题
2013/08/12 PHP
php实现和c#一致的DES加密解密实例
2017/07/24 PHP
Javascript的常规数组和关联数组对比小结
2012/05/24 Javascript
jQuery简单实现网页选项卡特效
2014/11/24 Javascript
JavaScript通过select动态更换图片的方法
2015/03/23 Javascript
JavaScript获取表单enctype属性的方法
2015/04/02 Javascript
jquery实现带缩略图的全屏图片画廊效果实例
2015/06/25 Javascript
jQuery 获取跨域XML(RSS)数据的相关总结分析
2016/05/18 Javascript
动态更新highcharts数据的实现方法
2016/05/28 Javascript
jQuery插件Easyui设置datagrid的pageNumber导致两次请求问题的解决方法
2016/08/06 Javascript
详解如何较好的使用js
2016/12/16 Javascript
Javascript实现倒计时时差效果
2017/05/18 Javascript
详解vue服务端渲染(SSR)初探
2017/06/19 Javascript
JavaScript 中Date对象的格式化代码方法汇总
2017/09/06 Javascript
input type=file 选择图片并且实现预览效果的实例
2017/10/26 Javascript
webpack 4.0.0-beta.0版本新特性介绍
2018/02/10 Javascript
JS实现旋转木马轮播图
2020/01/01 Javascript
Bootstrap告警框(alert)实现弹出效果和短暂显示后上浮消失的示例代码
2020/08/27 Javascript
Python笔记(叁)继续学习
2012/10/24 Python
基于Python实现文件大小输出
2016/01/11 Python
浅谈Python的list中的选取范围
2018/11/12 Python
python numpy生成等差数列、等比数列的实例
2020/02/25 Python
Django获取model中的字段名和字段的verbose_name方式
2020/05/19 Python
HTML5印章绘制电子签章图片(中文英文椭圆章、中文英文椭圆印章)
2019/06/03 HTML / CSS
Foreo国际站:Foreo International
2018/10/29 全球购物
Viking Direct荷兰:购买办公用品
2019/06/20 全球购物
Sisley法国希思黎中国官网:享誉全球的奢华植物美容品牌
2019/06/30 全球购物
岳父生日宴会答谢词
2014/01/13 职场文书
安全生产检查通报
2014/01/29 职场文书
婚纱摄影师求职信
2014/03/07 职场文书
重阳节主题班会
2015/08/17 职场文书
幼儿园国培研修日志
2015/11/13 职场文书
python第三方网页解析器 lxml 扩展库与 xpath 的使用方法
2021/04/06 Python
MySQL数据库之存储过程 procedure
2022/06/16 MySQL