首頁 > web前端 > js教程 > 如何重置vue列印變數的顯示方式(詳細教學)

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

亚连
發布: 2018-06-22 14:54:16
原創
1785 人瀏覽過

這篇文章主要為大家介紹了關於如何重置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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板