欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2017年12月06日 10:34:31   作者:追逆風  
這篇文章主要給大家介紹了關(guān)于如何重置vue打印變量顯示方式的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起看看吧。

前言

我們在日常開發(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)容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。

相關(guān)文章

  • vue?cli3?項目中如何使用axios發(fā)送post請求

    vue?cli3?項目中如何使用axios發(fā)送post請求

    這篇文章主要介紹了vue?cli3?項目中如何使用axios發(fā)送post請求,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • vue的mixins屬性詳解

    vue的mixins屬性詳解

    這篇文章主要介紹了vue的mixins屬性詳解,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-03-03
  • vue 彈窗時 監(jiān)聽手機返回鍵關(guān)閉彈窗功能(頁面不跳轉(zhuǎn))

    vue 彈窗時 監(jiān)聽手機返回鍵關(guān)閉彈窗功能(頁面不跳轉(zhuǎn))

    這篇文章主要介紹了vue 彈窗時 監(jiān)聽手機返回鍵關(guān)閉彈窗功能,本文給大家介紹的非常詳細,具有一定的參考借鑒價值(頁面不跳轉(zhuǎn)) ,需要的朋友可以參考下
    2019-05-05
  • vue自定義開發(fā)滑動圖片驗證組件

    vue自定義開發(fā)滑動圖片驗證組件

    這篇文章主要為大家詳細介紹了vue自定義開發(fā)滑動圖片驗證組件,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-03-03
  • 關(guān)于vue data中的this指向問題

    關(guān)于vue data中的this指向問題

    這篇文章主要介紹了關(guān)于vue data中的this指向問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-07-07
  • 深入了解Vue之組件的生命周期流程

    深入了解Vue之組件的生命周期流程

    每個Vue實例在創(chuàng)建時都要經(jīng)過一系列初始化,?例如設(shè)置數(shù)據(jù)監(jiān)聽、編譯模板、將實例掛載到DOM并在數(shù)據(jù)變化時更新DOM等,同時,?也會運行一些叫作生命周期鉤子的函數(shù),接下來讓我們一起來探索Vue實例被創(chuàng)建時都經(jīng)歷了什么,感興趣的同學跟著小編一起來探討吧
    2023-05-05
  • antd中table展開行默認展示,且不需要前邊的加號操作

    antd中table展開行默認展示,且不需要前邊的加號操作

    這篇文章主要介紹了antd中table展開行默認展示,且不需要前邊的加號操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-11-11
  • element中async-validator異步請求驗證使用

    element中async-validator異步請求驗證使用

    本文主要介紹了element中async-validator異步請求驗證使用,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2023-05-05
  • vue3簡單封裝input組件和統(tǒng)一表單數(shù)據(jù)詳解

    vue3簡單封裝input組件和統(tǒng)一表單數(shù)據(jù)詳解

    最近有一個需求是很多個表單添加,編輯等操作,會用到很多input輸入框,所以就想把input進行簡單封裝,這篇文章主要給大家介紹了關(guān)于vue3簡單封裝input組件和統(tǒng)一表單數(shù)據(jù)的相關(guān)資料,需要的朋友可以參考下
    2022-05-05
  • vue.js?自定義指令(拖拽、拖動、移動)?指令?v-drag詳解

    vue.js?自定義指令(拖拽、拖動、移動)?指令?v-drag詳解

    這篇文章主要介紹了vue.js?自定義指令(拖拽、拖動、移動)?指令?v-drag,本文結(jié)合示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-01-01

最新評論