vue--vConsole


平時在web應用開發過程中,我們可以console.log去輸出一些信息,但是在移動端,也就是在手機上,console.log的信息我們是看不到的。

這種情況下,可以選擇使用alert彈出一些信息,但是這種方法不怎么方便,也會阻斷JS線程,導致后面的線程都不執行。也影響調試體驗。

那么,如果將console.log應用到移動端呢?
需要借助第三方插件:vConsole

使用方法:

<script src="path/to/vconsole.min.js"></script>
<script>
console.log("test")
</script>

在Vue-JS項目中使用:
1.package.json安裝vconsole包(可以放在devDependencies中)

2.main.js中引入:

// 因為vConsole並不需要調用,
// 所以前面加“eslint-disable no-unused-vars”規避掉eslint語法檢查

/* eslint-disable no-unused-vars */
import vConsole from 'vconsole'

3.此時可以使用console.log
原理:改寫了console.log,重寫了實現,用vConsole代理


原文鏈接:https://www.jianshu.com/p/f79d223ca616


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM