如何重置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")
這樣打印出來的信息就是以我們熟悉的方式打印了
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。
- Vue中使用Lodop插件實現(xiàn)打印功能的簡單方法
- Vue使用lodop實現(xiàn)打印小結(jié)
- 詳解如何在vue項目中使用lodop打印插件
- 解決vue-pdf查看pdf文件及打印亂碼的問題
- Vue實現(xiàn)瀏覽器打印功能的代碼
- vue中使用vue-print.js實現(xiàn)多頁打印
- vue使用prop可以渲染但是打印臺報錯的解決方式
- vue+element實現(xiàn)打印頁面功能
- electron + vue項目實現(xiàn)打印小票功能及實現(xiàn)代碼
- vue實現(xiàn)打印功能的兩種方法
- vue中將網(wǎng)頁打印成pdf實例代碼
- vue實現(xiàn)lodop打印功能的示例
相關(guān)文章
vue?cli3?項目中如何使用axios發(fā)送post請求
這篇文章主要介紹了vue?cli3?項目中如何使用axios發(fā)送post請求,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-04-04vue 彈窗時 監(jiān)聽手機返回鍵關(guān)閉彈窗功能(頁面不跳轉(zhuǎn))
這篇文章主要介紹了vue 彈窗時 監(jiān)聽手機返回鍵關(guān)閉彈窗功能,本文給大家介紹的非常詳細,具有一定的參考借鑒價值(頁面不跳轉(zhuǎn)) ,需要的朋友可以參考下2019-05-05element中async-validator異步請求驗證使用
本文主要介紹了element中async-validator異步請求驗證使用,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-05-05vue3簡單封裝input組件和統(tǒng)一表單數(shù)據(jù)詳解
最近有一個需求是很多個表單添加,編輯等操作,會用到很多input輸入框,所以就想把input進行簡單封裝,這篇文章主要給大家介紹了關(guān)于vue3簡單封裝input組件和統(tǒng)一表單數(shù)據(jù)的相關(guān)資料,需要的朋友可以參考下2022-05-05vue.js?自定義指令(拖拽、拖動、移動)?指令?v-drag詳解
這篇文章主要介紹了vue.js?自定義指令(拖拽、拖動、移動)?指令?v-drag,本文結(jié)合示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-01-01