如何重置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实现div的tab切换实例代码
May 27 Javascript
基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
Mar 05 Javascript
JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
Mar 25 Javascript
javascript 用函数实现继承详解
May 28 Javascript
深入解析Javascript闭包的功能及实现方法
Jul 10 Javascript
Bootstrap和Angularjs配合自制弹框的实例代码
Aug 24 Javascript
Node.js 日志处理模块log4js
Aug 28 Javascript
Vue中"This dependency was not found"问题的解决方法
Jun 19 Javascript
Bootstrap Table列宽拖动的方法
Aug 15 Javascript
vue 父组件中调用子组件函数的方法
Jun 06 Javascript
RxJS的入门指引和初步应用
Jun 15 Javascript
基于jquery ajax的多文件上传进度条过程解析
Sep 11 jQuery
微信小程序实现点击按钮修改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
给初学者的30条PHP最佳实践(荒野无灯)
2011/08/02 PHP
PHP实现微信小程序用户授权的工具类示例
2019/03/05 PHP
php session_decode函数用法讲解
2019/05/26 PHP
Thinkphp 框架配置操作之配置加载与读取配置实例分析
2020/05/15 PHP
自动检查并替换文本框内的字符
2006/06/30 Javascript
让你的网站可编辑的实现js代码
2009/10/19 Javascript
onkeyup,onkeydown和onkeypress的区别介绍
2013/10/21 Javascript
JS二维数组的定义说明
2014/03/03 Javascript
动态加载iframe时get请求传递中文参数乱码解决方法
2014/05/07 Javascript
提升PHP安全:8个必须修改的PHP默认配置
2014/11/17 Javascript
Jquery代码实现图片轮播效果(一)
2015/08/12 Javascript
工作中比较实用的JavaScript验证和数据处理的干货(经典)
2016/08/03 Javascript
D3.js实现柱状图的方法详解
2016/09/21 Javascript
微信小程序  wx.request合法域名配置详解
2016/11/23 Javascript
Bootstrap基本样式学习笔记之图片(6)
2016/12/07 Javascript
详解在vue-cli项目中安装node-sass
2017/06/21 Javascript
详解PHP后期静态绑定分析与应用
2018/03/21 Javascript
详解Axios 如何取消已发送的请求
2018/10/20 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
2020/05/10 Javascript
在Vue中使用antv的示例代码
2020/06/29 Javascript
Vue+axios封装请求实现前后端分离
2020/10/23 Javascript
python编程实现希尔排序
2017/04/13 Python
用Python实现KNN分类算法
2017/12/22 Python
利用Opencv中Houghline方法实现直线检测
2018/02/11 Python
用python实现将数组元素按从小到大的顺序排列方法
2018/07/02 Python
python使用pymongo操作mongo的完整步骤
2019/04/13 Python
python使用多线程+socket实现端口扫描
2020/05/28 Python
日本PLST在线商店:日本时尚杂志刊载的人气服装
2016/12/10 全球购物
在阿尔卑斯山或希腊度过快乐假期:Alpine Elements
2019/12/28 全球购物
介绍一下linux的文件权限
2012/02/15 面试题
学校司机岗位职责
2013/11/14 职场文书
优秀应届本科生求职信
2014/07/19 职场文书
坚守艰苦奋斗精神坚决反对享乐主义整改措施
2014/09/17 职场文书
台风停课通知
2015/04/24 职场文书
Python控制台输出俄罗斯方块移动和旋转功能
2021/04/18 Python
Python max函数中key的用法及原理解析
2021/06/26 Python