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

原文链接:https://blog.csdn.net/m0_59183852/article/details/126981557

刚开始用这个插件,我就遇到了一个问题:使用该插件对代码进行调试的时候,发现如何点击<Root>都没有反应。这个问题不是每一个宝宝都会遇到的,但恰好被我遇上了。

热爱前端的宝宝们应该都知道:学使用Vue必须要用到Vue.js devtools工具,它是浏览器的一个插件,可在Installation | Vue Devtools网站中进行下载。

安装好Vue.js devtools插件后->打开开发者模式->打开Vue.js devtools插件的详细界面->打开允许访问网址->允许反馈数据->刷新网页。

如果以上步骤你都做了,依然存在<Root>无法点击的问题,那么,请参考一下解决方案:

在你的数据中添加一个甚至多个英文字母或者数字即可。

这也是我后来代码写多了才发现Vue.js devtools对于纯中文数据的兼容性不是很好,所以会出现点击后无任何反应的情况。

我说的是纯中文数据哦,也就是说但凡带点英文字母或者数字都不会出现这种问题。具体原因还在查找中。
————————————————
版权声明:本文为CSDN博主「Flor de raíz」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/m0_59183852/article/details/126981557

posted @ 2022-11-16 15:06  每日一小步  阅读(701)  评论(0编辑  收藏  举报