Vue 인쇄 변수의 표시 모드를 재설정하는 방법(자세한 튜토리얼)

이 글에서는 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")

이런 식으로 인쇄된 내용은 정보는 우리에게 익숙한 방식으로 인쇄됩니다.

위 내용은 제가 여러분을 위해 정리한 내용입니다. 앞으로 여러분에게 도움이 되기를 바랍니다.

관련 기사:

webpack에서 다중 페이지 개발을 구현하는 방법

Vue의 표준 처리 방법(자세한 튜토리얼)

JS를 사용하여 확인란을 클릭하여 표시 상태를 수정하는 방법을 구현하는 방법

jQuery에서 CheckBox를 클릭하도록 DIV 클릭을 구현하는 방법

AngularJs에서 클릭 상태의 배경색을 변경하는 방법

Bootstrap 그리드 시스템(자세한 튜토리얼)

위 내용은 Vue 인쇄 변수의 표시 모드를 재설정하는 방법(자세한 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!