如何重置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标签在页面中的位置探讨
Apr 11 Javascript
解决Jquery鼠标经过不停滑动的问题
Mar 03 Javascript
JavaScript设计模式之单件模式介绍
Dec 28 Javascript
javascript实现dom元素可拖动
Mar 21 Javascript
基于Bootstrap表单验证功能
Nov 17 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
Jan 13 Javascript
jQuery中的类名选择器(.class)用法简单示例
May 14 jQuery
使用canvas实现一个vue弹幕组件功能
Nov 30 Javascript
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
Sep 26 Javascript
解决$store.getters调用不执行的问题
Nov 08 Javascript
vue2.0 解决抽取公用js的问题
Jul 31 Javascript
vue大型项目之分模块运行/打包的实现
Sep 21 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之Memcache学习笔记
2013/06/17 PHP
thinkPHP数据查询常用方法总结【select,find,getField,query】
2017/03/15 PHP
swoole和websocket简单聊天室开发
2017/11/18 PHP
js 操作符实例代码
2009/10/24 Javascript
jQuery的.live()和.die() 使用介绍
2011/09/10 Javascript
JS定时器实例
2013/04/17 Javascript
JavaScript:Div层拖动效果实例代码
2013/08/06 Javascript
javascript关于open.window子页面执行完成后刷新父页面的问题分析
2015/04/27 Javascript
JQuery插件ajaxfileupload.js异步上传文件实例
2015/05/19 Javascript
jQuery Validate验证框架经典大全
2015/09/23 Javascript
详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
2020/04/07 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
2020/08/27 Javascript
js面试题之异步问题的深入理解
2020/09/20 Javascript
Vue-Ant Design Vue-普通及自定义校验实例
2020/10/24 Javascript
Ant Design的Table组件去除
2020/10/24 Javascript
python函数缺省值与引用学习笔记分享
2013/02/10 Python
python中二维阵列的变换实例
2014/10/09 Python
Python里disconnect UDP套接字的方法
2015/04/23 Python
python编码最佳实践之总结
2016/02/14 Python
python基础while循环及if判断的实例讲解
2017/08/25 Python
python实现图片批量压缩程序
2018/07/23 Python
对Tensorflow中的矩阵运算函数详解
2018/07/27 Python
python查找重复图片并删除(图片去重)
2019/07/16 Python
Python列表删除元素del、pop()和remove()的区别小结
2019/09/11 Python
Django 自定义分页器的实现代码
2019/11/24 Python
Python爬虫爬取ts碎片视频+验证码登录功能
2021/02/22 Python
Python使用cn2an实现中文数字与阿拉伯数字的相互转换
2021/03/02 Python
CSS3实现可关闭的下拉手风琴菜单效果
2015/08/31 HTML / CSS
蒙蒂塞罗商店:Monticello Shop
2018/11/25 全球购物
酒店管理专业毕业生求职自荐信
2014/04/28 职场文书
爱护公物演讲稿
2014/09/09 职场文书
党校学习党性分析材料
2014/12/19 职场文书
公务员考察材料
2014/12/23 职场文书
货款欠条范本
2015/07/03 职场文书
职工食堂管理制度
2015/08/06 职场文书
MySQL中出现乱码问题的终极解决宝典
2021/05/26 MySQL