如何重置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操作Select 简单方便 一个js插件搞定
Nov 12 Javascript
JavaScript 语法集锦 脚本之家基础推荐
Nov 15 Javascript
浏览器常用高宽的jquery插件
Feb 24 Javascript
jQuery ajax 路由和过滤器使用说明
Aug 02 Javascript
javascript实现完美拖拽效果
May 06 Javascript
jQuery EasyUI 右键菜单--关闭标签/选项卡的简单实例
Oct 10 Javascript
教你5分钟学会用requirejs(必看篇)
Jul 25 Javascript
VueJS组件之间通过props交互及验证的方式
Sep 04 Javascript
vue 中filter的多种用法
Apr 26 Javascript
原生JS实现的简单轮播图功能【适合新手】
Aug 17 Javascript
Vue CLI3中使用compass normalize的方法
May 30 Javascript
Vue搭建后台系统需要注意的问题
Nov 08 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实现一个简单url路由功能实例
2016/11/05 PHP
js 判断checkbox是否选中的实现代码
2010/11/23 Javascript
解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题
2013/01/11 Javascript
使用jQuery实现的掷色子游戏动画效果
2014/03/14 Javascript
一个简单的动态加载js和css的jquery代码
2014/09/01 Javascript
详细分析JavaScript变量类型
2015/07/08 Javascript
javascript实现省市区三级联动下拉框菜单
2015/11/17 Javascript
javascript日期验证之输入日期大于等于当前日期
2015/12/13 Javascript
AngularJS 遇到的小坑与技巧小结
2016/06/07 Javascript
深入浅析JavaScript中的scrollTop
2016/07/11 Javascript
vue实现添加标签demo示例代码
2017/01/21 Javascript
JS简单获取日期相差天数的方法
2017/04/24 Javascript
微信小程序实现列表下拉刷新上拉加载
2020/07/29 Javascript
用Fundebug插件记录网络请求异常的方法
2019/02/21 Javascript
VUE前后端学习tab写法实例
2019/08/06 Javascript
webpack 如何同时输出压缩和未压缩的文件的实现步骤
2020/06/05 Javascript
js+audio实现音乐播放器
2020/09/13 Javascript
Django中模型Model添加JSON类型字段的方法
2015/06/17 Python
详解Python编程中基本的数学计算使用
2016/02/04 Python
详解Python里使用正则表达式的ASCII模式
2017/11/02 Python
Python wxPython库消息对话框MessageDialog用法示例
2018/09/03 Python
Python os.access()用法实例
2019/02/18 Python
关于多种方式完美解决Python pip命令下载第三方库的问题
2020/12/21 Python
HTML5 Canvas旋转动画的2个代码例子(一个旋转的太极图效果)
2014/04/10 HTML / CSS
HTML5 HTMLCollection和NodeList的区别详解
2020/04/29 HTML / CSS
澳大利亚小众服装品牌:Maurie & Eve
2018/03/27 全球购物
匡威爱尔兰官网:Converse爱尔兰
2019/06/09 全球购物
英国森林假期:Forest Holidays
2021/01/01 全球购物
医院护理人员的自我评价分享
2013/10/04 职场文书
大学计划书范文800字
2014/08/14 职场文书
离职证明标准格式
2014/09/15 职场文书
司法局群众路线教育实践活动整改措施思想汇报
2014/10/13 职场文书
党小组鉴定意见
2015/06/02 职场文书
PHP控制循环操作的时间
2021/04/01 PHP
Oracle 临时表空间SQL语句的实现
2021/09/25 Oracle
Python中Matplotlib的点、线形状、颜色以及绘制散点图
2022/04/07 Python