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

您所在的位置:网站首页 为什么点击chrome打开没有反应 Vue.js devtools插件Root点击失效或不显示问题的解决方法

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

2024-02-27 02:24| 来源: 网络整理| 查看: 265

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



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3