如何重置vue列印變數的顯示方式（詳細教學）

這篇文章主要為大家介紹了關於如何重置vue列印變數顯示方式的相關資料，文中透過範例程式碼介紹的非常詳細，對大家的學習或工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起看看吧。

前言

我們在日常開發中，常常會碰到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")

這樣列印出來的訊息就是以我們熟悉的方式列印了

上面是我整理給大家的，希望今後會對大家有幫助。

相關文章：

在webpack中如何實作多頁開發

在Vue中標準的處理方法（詳細教學）

使用JS如何實現點擊複選框修改顯示狀態

#在jQuery如何實現點擊DIV觸發點擊CheckBox

在AngularJs中點選狀態如何改變背景色

Bootstrap柵格系統（詳細教學）

#

以上是如何重置vue列印變數的顯示方式（詳細教學）的詳細內容。更多資訊請關注PHP中文網其他相關文章！