如何重置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 相关文章推荐
Prototype Array对象 学习
Jul 19 Javascript
iframe父页面获取子页面参数的方法
Feb 21 Javascript
JavaScript定义变量和变量优先级问题探讨
Oct 11 Javascript
javascript数据类型验证方法
Dec 31 Javascript
AngularJS中使用HTML5手机摄像头拍照
Feb 22 Javascript
基于WebUploader的文件上传js插件
Aug 19 Javascript
jquery实现自定义图片裁剪功能【推荐】
Mar 08 Javascript
微信小程序 网络通信实现详解
Jul 23 Javascript
layui使用label标签的方法
Sep 14 Javascript
使用pkg打包ThinkJS项目的方法步骤
Dec 30 Javascript
nuxt+axios实现打包后动态修改请求地址的方法
Apr 22 Javascript
如何手写简易的 Vue Router
Oct 10 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
对squid中refresh_pattern的一些理解和建议
2009/04/17 PHP
防止用户利用PHP代码DOS造成用光网络带宽
2011/03/01 PHP
php生成二维码时出现中文乱码的解决方法
2014/12/18 PHP
Yii2创建控制器(createController)方法详解
2016/07/23 PHP
PHP 中魔术常量的实例详解
2017/10/26 PHP
Laravel 创建指定表 migrate的例子
2019/10/09 PHP
Laravel 使用查询构造器配合原生sql语句查询的例子
2019/10/12 PHP
jscript之Read an Excel Spreadsheet
2007/06/13 Javascript
可实现多表单提交的javascript函数
2007/08/01 Javascript
借用Google的Javascript API Loader来加速你的网站
2009/01/28 Javascript
ext 同步和异步示例代码
2009/09/18 Javascript
Backbone.js中的集合详解
2015/01/14 Javascript
javaScript的函数对象的声明详解
2015/02/06 Javascript
JavaScript获取页面中第一个锚定文本的方法
2015/04/03 Javascript
javascript数据结构之二叉搜索树实现方法
2015/11/25 Javascript
关于vue-router的那些事儿
2018/05/23 Javascript
vue路由组件按需加载的几种方法小结
2018/07/12 Javascript
VUE中使用MUI方法
2019/02/12 Javascript
小程序实现左滑删除的效果的实例代码
2020/10/19 Javascript
[05:59]2018DOTA2国际邀请赛寻真——只为胜利的Secret
2018/08/13 DOTA
Python输出PowerPoint(ppt)文件中全部文字信息的方法
2015/04/28 Python
python基于物品协同过滤算法实现代码
2018/05/31 Python
python opencv人脸检测提取及保存方法
2018/08/03 Python
python实现网页自动签到功能
2019/01/21 Python
pytorch构建多模型实例
2020/01/15 Python
详解Tensorflow不同版本要求与CUDA及CUDNN版本对应关系
2020/08/04 Python
Python 虚拟环境工作原理解析
2020/12/24 Python
Python中读取文件名中的数字的实例详解
2020/12/25 Python
全球领先的各类汽车配件零售商:Advance Auto Parts
2016/08/26 全球购物
Clarks鞋澳大利亚官方网站:Clarks Australia
2019/12/25 全球购物
技术人员面试提纲
2013/11/28 职场文书
有子女的离婚协议书怎么写(范本)
2014/09/29 职场文书
学习作风建设心得体会
2014/10/22 职场文书
老龙头导游词
2015/02/11 职场文书
Python爬虫之爬取二手房信息
2021/04/27 Python
代码复现python目标检测yolo3详解预测
2022/05/06 Python