Vue.js devtools插件点击Root失效或不显示数据问题的解决方法
devtools
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
项目地址:https://gitcode.com/gh_mirrors/de/devtools
免费下载资源
·
刚开始用这个插件,我就遇到了一个问题:使用该插件对代码进行调试的时候,发现如何点击<Root>都没有反应。这个问题不是每一个宝宝都会遇到的,但恰好被我遇上了。
热爱前端的宝宝们应该都知道:学使用Vue必须要用到Vue.js devtools工具,它是浏览器的一个插件,可在Installation | Vue Devtools网站中进行下载。
安装好Vue.js devtools插件后->打开开发者模式->打开Vue.js devtools插件的详细界面->打开允许访问网址->允许反馈数据->刷新网页。
如果以上步骤你都做了,依然存在<Root>无法点击的问题,那么,请参考一下解决方案:
在你的数据中添加一个甚至多个英文字母或者数字即可。
这也是我后来代码写多了才发现Vue.js devtools对于纯中文数据的兼容性不是很好,所以会出现点击后无任何反应的情况。
我说的是纯中文数据哦,也就是说但凡带点英文字母或者数字都不会出现这种问题。具体原因还在查找中。
GitHub 加速计划 / de / devtools
24.6 K
4.14 K
下载
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
最近提交(Master分支:3 个月前 )
79116147 - 4 个月前
f0359002 - 5 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)