如何重置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 对象成员的可见性说明
Oct 16 Javascript
Document对象内容集合(比较全)
Sep 06 Javascript
基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
May 11 Javascript
jquery可定制的在线UEditor编辑器
Nov 17 Javascript
bootstrap paginator分页插件的两种使用方式实例详解
Nov 14 Javascript
Vuex入门到上手教程
Jun 20 Javascript
Vue.set() this.$set()引发的视图更新思考及注意事项
Aug 30 Javascript
ES6中let 和 const 的新特性
Sep 03 Javascript
js作用域和作用域链及预解析
Apr 11 Javascript
微信小程序表单验证插件WxValidate的二次封装功能(终极版)
Sep 03 Javascript
Vue实现验证码功能
Dec 03 Javascript
vue-cli 关闭热更新操作
Sep 18 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静态类
2006/11/25 PHP
php preg_filter执行一个正则表达式搜索和替换
2012/02/27 PHP
Yii2搭建后台并实现rbac权限控制完整实例教程
2016/04/28 PHP
JavaScript与Div对层定位和移动获得坐标的实现代码
2010/09/08 Javascript
汉化英文版的Dreamweaver CS5并自动提示jquery
2010/11/25 Javascript
jQuery 源码分析笔记(5) jQuery.support
2011/06/19 Javascript
javascript获取网页宽高方法汇总
2015/07/19 Javascript
有关JavaScript中call()和apply() 的一些理解
2016/05/20 Javascript
jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单
2016/09/21 Javascript
阿里云ecs服务器中安装部署node.js的步骤
2016/10/08 Javascript
深入理解Javascript中的valueOf与toString
2017/01/04 Javascript
JS中如何实现Laravel的route函数详解
2017/02/12 Javascript
详解vue渲染从后台获取的json数据
2017/07/06 Javascript
AngularJs 延时器、计时器实例代码
2017/09/16 Javascript
微信小程序用户位置权限的获取方法(拒绝后提醒)
2018/11/15 Javascript
M2实现Nodejs项目自动部署的方法步骤
2019/05/05 NodeJs
JS数据类型STRING使用实例解析
2019/12/18 Javascript
react组件基本用法示例小结
2020/04/27 Javascript
python实现简单ftp客户端的方法
2015/06/28 Python
Python网络编程使用select实现socket全双工异步通信功能示例
2018/04/09 Python
Python GUI库PyQt5样式QSS子控件介绍
2020/02/25 Python
Python+Kepler.gl实现时间轮播地图过程解析
2020/07/20 Python
selenium+python实现基本自动化测试的示例代码
2021/01/27 Python
HTML5里的placeholder属性使用实例和美化显示效果的方法
2014/04/23 HTML / CSS
canvas 阴影和图形变换的示例代码
2018/01/02 HTML / CSS
行政经理的岗位职责
2013/11/23 职场文书
生产副总岗位职责
2013/11/28 职场文书
法律专业求职信
2014/05/24 职场文书
电子专业毕业生自荐信
2014/05/25 职场文书
爬山的活动方案
2014/08/16 职场文书
党的群众路线个人对照检查材料
2014/09/23 职场文书
2015年银行个人工作总结
2015/05/14 职场文书
2019大学生预备党员转正思想汇报
2019/06/21 职场文书
2019年“我为祖国点赞”演讲稿(3篇)
2019/09/26 职场文书
梳理总结Python开发中需要摒弃的18个坏习惯
2022/01/22 Python
再谈python_tkinter弹出对话框创建
2022/03/20 Python