如何重置vue打印變量的顯示方式

更新時間：2017年12月06日 10:34:31 作者：追逆風

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

前言

我們在日常開發(fā)中，經(jīng)常會碰到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")

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

總結

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

您可能感興趣的文章:

vue+elementUI組件table實現(xiàn)前端分頁功能
這篇文章主要為大家詳細介紹了vue+elementUI組件table實現(xiàn)前端分頁功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-12-12
vue中的this.$refs,this.$emit,this.$store,this.$nextTick的使用方式
這篇文章主要介紹了vue中的this.$refs,this.$emit,this.$store,this.$nextTick的使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2024-04-04
vue如何實現(xiàn)動態(tài)的選中狀態(tài)切換效果
這篇文章主要介紹了vue如何實現(xiàn)動態(tài)的選中狀態(tài)切換效果，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-04-04
vue-router如何實時動態(tài)替換路由參數(shù)(地址欄參數(shù))
這篇文章主要介紹了vue-router如何實時動態(tài)替換路由參數(shù)(地址欄參數(shù))，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-09-09
vue3封裝el-pagination分頁組件的完整代碼
這篇文章主要介紹了vue3封裝el-pagination分頁組件的完整代碼,本文通過實例代碼給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧
2024-02-02
vue 移動端記錄頁面瀏覽位置的方法
這篇文章主要介紹了vue 移動端記錄頁面瀏覽位置的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-03-03
vue的axios使用post時必須使用qs.stringify而get不用問題
這篇文章主要介紹了vue的axios使用post時必須使用qs.stringify而get不用問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-01-01
vue如何在style標簽中使用變量(數(shù)據(jù))詳解
在我們編寫css樣式中是不能直接使用vue data中的變量的,下面這篇文章主要給大家介紹了關于vue如何在style標簽中使用變量(數(shù)據(jù))的相關資料,需要的朋友可以參考下
2022-09-09
vue-cli3 從搭建到優(yōu)化的詳細步驟
這篇文章主要介紹了vue-cli3 從搭建到優(yōu)化的詳細步驟，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-01-01
Vue項目路由刷新的實現(xiàn)代碼
這篇文章主要介紹了Vue項目路由刷新的實現(xiàn)代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-04-04