如何重置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 new一个对象的实质
Jan 07 Javascript
javascript 兼容所有浏览器的DOM扩展功能
Aug 01 Javascript
使用javascript创建快捷方式的简单实例
Aug 09 Javascript
jQuery自动切换/点击切换选项卡效果的小例子
Aug 12 Javascript
js 本地预览的简单实现方法
Feb 18 Javascript
js给selected添加options的方法
May 06 Javascript
jQuery CSS3自定义美化Checkbox实现代码
May 12 Javascript
简单实现js悬浮导航效果
Feb 05 Javascript
BootStrap数据表格实例代码
Sep 13 Javascript
彻底理解js面向对象之继承
Feb 04 Javascript
JS中获取 DOM 元素的绝对位置实例详解
Apr 23 Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
Sep 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设计模式之委托模式
2016/02/13 PHP
Android App中DrawerLayout抽屉效果的菜单编写实例
2016/03/21 PHP
yii使用bootstrap分页样式的实例
2017/01/17 PHP
php 的多进程操作实践案例分析
2020/02/28 PHP
PHPStorm2020.1永久激活及下载更新至2020(推荐)
2020/09/25 PHP
JavaScript 定义function的三种方式小结
2009/10/16 Javascript
js循环改变div颜色具体方法
2013/06/25 Javascript
如何获取select下拉框的值(option没有及有value属性)
2013/11/08 Javascript
JavaScript Promise启示录
2014/08/12 Javascript
JavaScript实现将数组数据添加到Select下拉框的方法
2015/08/21 Javascript
让html元素随浏览器的大小自适应垂直居中的实现方法
2016/10/12 Javascript
解决vue js IOS H5focus无法自动弹出键盘的问题
2018/08/30 Javascript
解决vue同一slot在组件中渲染多次的问题
2018/09/06 Javascript
vue el-table实现行内编辑功能
2019/12/11 Javascript
[10:14]2018DOTA2国际邀请赛寻真——paiN Gaming不仅为自己而战
2018/08/14 DOTA
Windows和Linux下使用Python访问SqlServer的方法介绍
2015/03/10 Python
Python 爬虫学习笔记之正则表达式
2016/09/21 Python
flask中使用蓝图将路由分开写在不同文件实例解析
2018/01/19 Python
对pandas里的loc并列条件索引的实例讲解
2018/11/15 Python
对python内置map和six.moves.map的区别详解
2018/12/19 Python
对pyqt5中QTabWidget的相关操作详解
2019/06/21 Python
详解Django定时任务模块设计与实践
2019/07/24 Python
Python 解析pymysql模块操作数据库的方法
2020/02/18 Python
django实现更改数据库某个字段以及字段段内数据
2020/03/31 Python
基于css3仿造window7的开始菜单
2010/06/17 HTML / CSS
实例讲解CSS3中的border-radius属性
2015/08/18 HTML / CSS
关于中国梦的演讲稿
2014/04/23 职场文书
爱情保证书大全
2014/04/29 职场文书
节约用水的口号
2014/06/20 职场文书
庆七一宣传标语
2014/10/08 职场文书
县委党的群众路线教育实践活动工作情况报告
2014/10/25 职场文书
课程设计感想范文
2015/08/11 职场文书
《三国志》赏析
2019/08/27 职场文书
聊一聊python常用的编程模块
2021/05/14 Python
Python IO文件管理的具体使用
2022/03/20 Python
python画条形图的具体代码
2022/04/20 Python