Vue.js devtools插件Root點擊失效或不顯示問題的解決方法


  才學習Vue.js,跟着b站視頻學習,視頻中用到了Vue.js的Chrome調試插件——Vue.js devtools,我下載的是官方正式版,其他版本不一定適合本教程。

 

  首先,有關安裝Vue.js devtools不能用的問題,我在這里簡單過一下,因為很容易百度到解決辦法。

    Chrome安裝好Vue.js devtools插件后;打開開發者模式;打開Vue.js devtools插件的詳細界面,打開允許訪問網址,允許反饋數據;刷新網頁。

 

  重點,之后使用插件調試的時候會發現,打開自己的案例網頁,按F12並調出Vue.js devtools界面后,會出現“只顯示Root,點擊無任何反應”或“不出現Root”的情況。

  初步判斷:Vue.js devtools對於純中文數據的兼容性不是很好,所以會出現點擊無任何反應的情況。(請注意我說的是純中文數據,也就是說但凡帶點英文字母或者數字都不會出現這種問題……具體原因不詳,可能是個BUG

  【錘子貓の防偽標簽】

  解決方法如果數據中有純中文的數據,在純中文的數據中加入字母或者干脆輸入非中文數據,重新打開實例網頁即可解決問題。

  PS:個人看視頻自學Vue.js的缺點就是不會像在培訓班中有講師可以幫你解決各種疑難雜症,節省時間成本。


免責聲明!

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



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