如何重置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 相关文章推荐
FireFox与IE 下js兼容触发click事件的代码
Nov 20 Javascript
JavaScript 脚本将当地时间转换成其它时区
Mar 19 Javascript
30个最佳jQuery Lightbox效果插件分享
Apr 11 Javascript
jQuery对象与DOM对象之间的相互转换
Mar 03 Javascript
jQuery中的基本选择器用法学习教程
Apr 14 Javascript
jQuery实现点击按钮文字变成input框点击保存变成文字
May 09 Javascript
vue异步加载高德地图的实现
Jun 19 Javascript
Javascript 之封装(Package)
Sep 14 Javascript
JS实现打字游戏
Dec 17 Javascript
vue 遮罩层阻止默认滚动事件操作
Jul 28 Javascript
基于JavaScript实现大文件上传后端代码实例
Aug 18 Javascript
vue离开当前页面触发的函数代码
Sep 01 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 用checkbox一次性删除多条记录的方法
2010/02/23 PHP
为IP查询添加GOOGLE地图功能的代码
2010/08/08 PHP
php+mysql数据库查询实例
2015/01/21 PHP
PHP统计目录中文件以及目录中目录大小的方法
2016/01/09 PHP
PHP中STDCLASS用法实例分析
2016/11/11 PHP
作为PHP程序员你要知道的另外一种日志
2018/07/30 PHP
laravel获取不到session的三种解决办法【推荐】
2018/09/16 PHP
一个选择最快的服务器转向代码
2009/04/27 Javascript
JS+CSS实现自动改变切换方向图片幻灯切换效果的方法
2015/03/02 Javascript
JavaScript实现的简单幂函数实例
2015/04/17 Javascript
AngularJs IE Compatibility 兼容老版本IE
2016/09/01 Javascript
Yarn的安装与使用详细介绍
2016/10/25 Javascript
详解angular2封装material2对话框组件
2017/03/03 Javascript
JS异步加载的三种实现方式
2017/03/16 Javascript
js图片上传的封装代码
2017/08/01 Javascript
面试题:react和vue的区别分析
2019/04/08 Javascript
原生js代码能实现call和bind吗
2019/07/31 Javascript
vue 导航菜单刷新状态不消失,显示对应的路由界面操作
2020/08/06 Javascript
JS实现百度搜索框
2021/02/25 Javascript
python正则表达式抓取成语网站
2013/11/20 Python
python实现一次创建多级目录的方法
2015/05/15 Python
给Python入门者的一些编程建议
2015/06/15 Python
Python中set与frozenset方法和区别详解
2016/05/23 Python
Python中Django 后台自定义表单控件
2017/03/28 Python
python中的协程深入理解
2019/06/10 Python
python同步windows和linux文件
2019/08/29 Python
Python笔记之观察者模式
2019/11/20 Python
使用pytorch和torchtext进行文本分类的实例
2020/01/08 Python
HTML5印章绘制电子签章图片(中文英文椭圆章、中文英文椭圆印章)
2019/06/03 HTML / CSS
遇到的Mysql的面试题
2014/06/29 面试题
奶茶店创业计划书范文
2014/01/17 职场文书
四风问题查摆材料
2014/08/25 职场文书
五五普法心得体会
2014/09/04 职场文书
公安个人四风问题对照检查及整改措施
2014/10/28 职场文书
导游词之清晏园
2019/11/22 职场文书
Golang 结构体数据集合
2022/04/22 Golang