如何重置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学习笔记(十八) 获得页面中的元素代码
Jun 20 Javascript
jquery 面包屑导航 具体实现
Jun 05 Javascript
javascript定义变量时带var与不带var的区别分析
Jan 12 Javascript
jQuery实现控制文字内容溢出用省略号(…)表示的方法
Feb 26 Javascript
AngularJS教程之简单应用程序示例
Aug 16 Javascript
JavaScript与java语言有什么不同
Sep 22 Javascript
JavaScript简单验证表单空值及邮箱格式的方法
Jan 20 Javascript
Angularjs中使用指令绑定点击事件的方法
Mar 30 Javascript
js禁止浏览器的回退事件
Apr 20 Javascript
Vue实现搜索结果高亮显示关键字
May 28 Javascript
JS数组的高级使用方法示例小结
Mar 14 Javascript
JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法
Apr 13 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中调用ASP.NET的WebService的代码
2011/04/22 PHP
php对图像的各种处理函数代码小结
2013/07/08 PHP
php类中的各种拦截器用法分析
2014/11/03 PHP
Laravel中Trait的用法实例详解
2016/03/16 PHP
PHP模板引擎Smarty自定义变量调解器用法
2016/04/11 PHP
PHP CURL实现模拟登陆并上传文件操作示例
2020/01/02 PHP
Jquery中对数组的操作代码
2011/08/12 Javascript
javascript RegExp 使用说明
2016/05/21 Javascript
Json按某个键的值进行排序
2016/12/22 Javascript
深入理解基于vue-cli的vuex配置
2017/07/24 Javascript
Django中使用jquery的ajax进行数据交互的实例代码
2017/10/15 jQuery
浅谈vue2 单页面如何设置网页title
2017/11/08 Javascript
JS中promise化微信小程序api
2018/04/12 Javascript
nodeJS服务器的创建和重新启动的实现方法
2018/05/12 NodeJs
JavaScript对象拷贝与Object.assign用法实例分析
2018/06/20 Javascript
Vue快速实现通用表单验证功能
2019/12/05 Javascript
在 Vue 中使用 JSX 及使用它的原因浅析
2020/02/10 Javascript
Python内置函数之filter map reduce介绍
2014/11/30 Python
Python使用gensim计算文档相似性
2016/04/10 Python
使用Python对MySQL数据操作
2017/04/06 Python
Python针对给定字符串求解所有子序列是否为回文序列的方法
2018/04/21 Python
使用Python编写Prometheus监控的方法
2018/10/15 Python
pycharm new project变成灰色的解决方法
2019/06/27 Python
python自动化实现登录获取图片验证码功能
2019/11/20 Python
Numpy将二维数组添加到空数组的实现
2019/12/05 Python
python 在sql语句中使用%s,%d,%f说明
2020/06/06 Python
美国网上鞋子零售商:Dr. Scholl’s Shoes
2017/11/17 全球购物
C语言如何决定使用那种整数类型
2016/11/26 面试题
酒店员工职业生涯规划
2014/02/25 职场文书
标准的毕业生自荐信
2014/04/20 职场文书
2014年四风问题个人对照自查剖析材料
2014/09/15 职场文书
会议通知格式范文
2015/04/15 职场文书
2017年大学生寒假社会实践活动总结
2016/04/06 职场文书
导游词幽默开场白
2019/06/26 职场文书
JS 基本概念详细介绍
2021/10/16 Javascript
Golang实现可重入锁的示例代码
2022/05/25 Golang