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

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

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

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

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

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

我说的是纯中文数据哦,也就是说但凡带点英文字母或者数字都不会出现这种问题。具体原因还在查找中。

GitHub 加速计划 / de / devtools
58
5
下载
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
最近提交(Master分支:2 个月前 )
79116147 - 1 年前
f0359002 - 1 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐