Cómo restablecer el modo de visualización de las variables de impresión de vue (tutorial detallado)

Este artículo le presenta cómo restablecer la información del modo de visualización de las variables de impresión de Vue. El artículo lo presenta en detalle a través de un código de muestra. Tiene cierto valor de aprendizaje de referencia para que todos los amigos que lo necesiten puedan seguir el editor a continuación. mirar.

Prólogo

En nuestro desarrollo diario, a menudo encontramos atributos redundantes inesperados cuando Vue usa console.log() para imprimir variables

Y el método de expansión no es amigable

Para que podamos restablecer un método de impresión, no entraré en detalles a continuación, pero echemos un vistazo a la introducción detallada.

El método es el siguiente:

Agregar un fragmento de código al archivo main.js

Vue.prototype.print = (obj,type) = > {

tipo = tipo || "log";

const log = JSON.parse(JSON.stringify(obj));

Consola[tipo ](log)

}A partir de ahora, podemos imprimir variables directamente usando

this.print(obj). print(obj)

/o

this.print(obj, "error ")

Esto imprimirá la información de la forma habitual

Lo anterior es el contenido que he recopilado para usted. Espero que le resulte útil.

Artículos relacionados:

Cómo implementar el desarrollo de varias páginas en webpack

Procesamiento estándar en Vue (tutorial detallado)

Cómo use implementos JS, haga clic en la casilla de verificación para modificar el estado de visualización

Cómo implementar el clic en el DIV para activar el clic en la casilla de verificación en jQuery

Cómo cambiar el color de fondo a través del estado de clic en AngularJs

Sistema de grid Bootstrap (tutorial detallado)