资讯专栏INFORMATION COLUMN

重置vue打印变量显示方式

wangjuntytl / 3511人阅读

摘要:在使用打印变量会有多余我们不期望看到的属性而且展开方式不友好所以我们来重置一个打印方式在文件中添加一下代码以后我们打印变量就可以直接使用或者这样打印出来的信息就是以我们熟悉的方式打印了

在vue使用console.log()打印变量 会有多余我们不期望看到的属性
而且展开方式不友好

所以我们来重置一个打印方式:

在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")

这样打印出来的信息就是以我们熟悉的方式打印了

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/90208.html

相关文章

  • 前端开发变量命名系列 - JavaScript篇

    摘要:在写法上最常见的两种命名分别为和。下面列出了一些约定成俗的适用例子提交表单处理分页页数改变处理分页每页大小改变按下键场景二异步处理这里主要是指在写数据层服务状态管理中的命名,以及回调的命名规则。 JavaScript作为前端开发从业人员必须掌握的3大基础知识中最重要的一环,也是平是接触时间最长、写得最多的。在开发过程中必然会遇到命名的问题,你会词穷、纠结、惆怅吗?本文的出现相信能够解决...

    CoXie 评论0 收藏0
  • 动态生成form表单,不再为表单烦恼

    摘要:具有数据收集校验和提交功能的表单生成器,支持双向数据绑定和事件扩展,组件包含有复选框单选框输入框下拉选择框等表单元素以及省市区三级联动时间选择日期选择颜色选择滑块评分框架树型文件图片上传等功能组件。 form-create 具有数据收集、校验和提交功能的表单生成器,支持双向数据绑定和事件扩展,组件包含有复选框、单选框、输入框、下拉选择框等表单元素以及省市区三级联动,时间选择,日期选择,...

    kamushin233 评论0 收藏0
  • Vue原理】NextTick - 源码版 之 服务Vue

    写文章不容易,点个赞呗兄弟专注 Vue 源码分享,文章分为白话版和 源码版,白话版助于理解工作原理,源码版助于了解内部详情,让我们一起学习吧研究基于 Vue版本 【2.5.17】 如果你觉得排版难看,请点击 下面链接 或者 拉到 下面关注公众号也可以吧 【Vue原理】NextTick - 源码版 之 服务Vue 初次看的兄弟可以先看 【Vue原理】NextTick - 白话版 简单了解下...

    Acceml 评论0 收藏0
  • jsliang 的 2019 面试准备

    Create by jsliang on 2019-2-11 15:30:34 Recently revised in 2019-3-17 21:30:36 Hello 小伙伴们,如果觉得本文还不错,记得给个 star , 小伙伴们的 star 是我持续更新的动力!GitHub 地址 并不是只有特定的季节才能跑路,只因为人跑得多了,这条路就定下来了。 金三银四跳槽季,jsliang 于 2019...

    PascalXie 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<