如何重置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 相关文章推荐
Extjs EditorGridPanel中ComboBox列的显示问题
Jul 04 Javascript
基于jquery的鼠标拖动效果代码
May 30 Javascript
JQuery入门—JQuery程序的代码风格详细介绍
Jan 03 Javascript
jQuery实现仿QQ头像闪烁效果的文字闪动提示代码
Nov 03 Javascript
jquery判断复选框选中状态以及区分attr和prop
Dec 18 Javascript
Select下拉框模糊查询功能实现代码
Jul 22 Javascript
使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
Mar 15 Javascript
angularjs实现上拉加载和下拉刷新数据功能
Jun 12 Javascript
mac中利用NVM管理不同node版本的方法详解
Nov 08 Javascript
Angular4 ElementRef的应用
Feb 26 Javascript
javascript实现电商放大镜效果
Nov 23 Javascript
uniapp引入支付宝原生扫码插件步骤详解
Jul 23 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
《魔兽争霸3:重制版》翻车了?你想要的我们都没有
2019/11/07 魔兽争霸
ASP和PHP实现生成网站快捷方式并下载到桌面的方法
2014/05/08 PHP
PHP微信模板消息操作示例
2017/06/29 PHP
Laravel + Elasticsearch 实现中文搜索的方法
2020/02/02 PHP
PHP中SESSION过期设置
2021/03/09 PHP
myFocus slide3D v1.1.0 使用方法与下载
2011/01/12 Javascript
js对象关系图 方便dom操作
2012/03/18 Javascript
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
2013/09/25 Javascript
利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)
2013/11/22 Javascript
对Jquery中的ajax再封装,简化操作示例
2014/02/12 Javascript
javascript的switch用法注意事项分析
2015/02/02 Javascript
JavaScript中停止执行setInterval和setTimeout事件的方法
2015/05/14 Javascript
jquery控制显示服务器生成的图片流
2015/08/04 Javascript
学习使用bootstrap3栅格系统
2016/04/12 Javascript
JavaScript中Form表单技术汇总(推荐)
2016/06/26 Javascript
深入浅析Vue全局组件与局部组件的区别
2018/06/15 Javascript
微信小程序引用iconfont图标的方法
2018/10/22 Javascript
vue 如何使用递归组件
2020/10/23 Javascript
JavaScript实现浏览器网页自动滚动并点击的示例代码
2020/12/05 Javascript
[01:20]2018DOTA2亚洲邀请赛总决赛战队Mineski晋级之路
2018/04/07 DOTA
简单介绍Ruby中的CGI编程
2015/04/10 Python
python处理两种分隔符的数据集方法
2018/12/12 Python
Python使用Numpy模块读取文件并绘制图片
2020/05/13 Python
Django-simple-captcha验证码包使用方法详解
2020/11/28 Python
pandas实现导出数据的四种方式
2020/12/13 Python
Python爬虫制作翻译程序的示例代码
2021/02/22 Python
详解Sticky Footer 绝对底部的两种套路
2017/11/03 HTML / CSS
澳洲最大的时尚奢侈品电商平台:Cettire
2020/06/15 全球购物
售后主管岗位职责
2013/12/08 职场文书
杠杆的科学教学反思
2014/01/10 职场文书
2014年两会学习心得体会
2014/03/10 职场文书
中秋节主持词
2014/04/02 职场文书
2014年食品安全工作总结
2014/12/04 职场文书
幼儿园教学反思范文
2016/03/02 职场文书
python基础之文件处理知识总结
2021/05/23 Python
一文搞懂Python Sklearn库使用
2021/08/23 Python