有关“Vue.js devtools插件Root点击失效或不显示问题”的解决方法

  • 有关“Vue.js devtools插件Root点击失效或不显示问题”的解决方法已关闭评论
  • 328 次浏览
  • A+
所属分类:Web前端
摘要

  才学习Vue.js,跟着b站视频学习,视频中用到了Vue.js的Chrome调试插件——Vue.js devtools,我下载的是官方正式版,其他版本不一定适合本教程。

  才学习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的缺点就是不会像在培训班中有讲师可以帮你解决各种疑难杂症,节省时间成本。