gpt4 book ai didi

vue.js - Vue Devtools中如何区分组件实例

转载 作者:搜寻专家 更新时间:2023-10-30 22:13:36 49 4
gpt4 key购买 nike

当我在 Vue 的 devtools chrome 扩展中查看我的应用程序状态时,我可以在 TreeView 中看到同一组件的多个实例。但是,无法将一个实例与另一个实例区分开来。例如,在下面的屏幕截图中有三个 <Todo>组件。想象一下有 30 个。如何将某种实例名称或 ID 附加到我的组件?必须单击 30 个组件才能找到我需要的组件,这似乎很愚蠢。 Sample screenshot showing vue devtools tree view

最佳答案

几个月前我也有同样的想法。

所以我试了一下。

我的 PR 已提交:https://github.com/vuejs/vue-devtools/pull/331

依赖我的解决方案可能有点早,因为核心团队仍然可以拒绝 PR 或请求其他命名约定。

在那之前,您可以从我的存储库中自行构建我的提案版本: https://github.com/nerdyglasses/vue-devtools/tree/verbose-component-tree

这对你有帮助吗?

最好的,基督徒

关于vue.js - Vue Devtools中如何区分组件实例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40936918/

49 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com