How to reset the display mode of vue print variables (detailed tutorial)

This article mainly introduces you to the relevant information on how to reset the display mode of vue printing variables. The article introduces it in great detail through sample code. It has certain reference learning value for everyone's study or work. Friends who need it Let’s take a look with the editor below.

Preface

In our daily development, we often encounter vue using console.log() to print variables. If there is any redundancy, we will not The attributes you expect to see are

and the expansion method is unfriendly

so we can reset a printing method. Not much to say below, let’s go together Let’s take a look at the detailed introduction.

The method is as follows:

Add some code in the main.js file

Vue.prototype.print = (obj,type) => {
 type = type || "log";
 const log = JSON.parse(JSON.stringify(obj));
 console[type](log)
}

After that, we can print the variables directly Use

this.print(obj)
//或者
this.print(obj,"error")

The information printed out in this way is printed in a way we are familiar with

The above is what I compiled for everyone. I hope it will be helpful to everyone in the future. help.

Related articles:

How to implement multi-page development in webpack

##Standard processing method in Vue (detailed tutorial)

How to use JS to modify the display state by clicking on the check box

How to implement clicking on the DIV to trigger clicking on the CheckBox in jQuery

How to change the background color in the click state in AngularJs

Bootstrap grid system (detailed tutorial)

The above is the detailed content of How to reset the display mode of vue print variables (detailed tutorial). For more information, please follow other related articles on the PHP Chinese website!