Comment réinitialiser le mode d'affichage des variables d'impression vue (tutoriel détaillé)

Cet article vous présente principalement les informations pertinentes sur la façon de réinitialiser le mode d'affichage des variables d'impression de vue. L'article le présente en détail à travers un exemple de code. Il a une certaine valeur d'apprentissage de référence pour les études ou le travail de chacun. Jetons un coup d'œil avec l'éditeur ci-dessous.

Préface

Dans notre développement quotidien, nous rencontrons souvent vue utilisant console.log() pour imprimer des variables. nous ne le ferons pas. Les attributs que vous vous attendez à voir sont

et la méthode d'expansion n'est pas conviviale

nous pouvons donc réinitialiser une méthode d'impression. Ci-dessous, allons-y ensemble. Jetons un coup d'œil à l'introduction détaillée.

La méthode est la suivante :

Ajoutez du code dans le fichier main.js

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

Après cela nous imprimons les variables Vous pouvez utiliser directement

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

Les informations imprimées sont imprimées de la manière qui nous est familière

Ce qui précède est ce que j'ai compilé pour tout le monde. J’espère qu’à l’avenir, cela sera utile à tout le monde.

Articles associés :

Comment implémenter le développement multi-pages dans webpack

Méthode de traitement standard dans Vue (tutoriel détaillé)

Comment utiliser JS pour modifier l'état d'affichage en cliquant sur la case à cocher

Comment implémenter le clic sur DIV pour déclencher le clic sur CheckBox

dans jQuery

Comment changer la couleur d'arrière-plan lors du statut de clic dans AngularJs

Système de grille Bootstrap (tutoriel détaillé)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!