相关疑难解决方法(0)

我正试图通过名字访问一个特定的孩子.目前,由于孩子在哪里,我这样称呼孩子:

this.$root.$children[0]

只要那个孩子总是[0]如此,那就没关系,但如果有办法可以做到这样的话会很棒:

this.$root.$children['detail']

我一直在想$refs可能是我的问题的答案,但永远找不到它帮助我的方式.

有任何想法吗？

问题
我正在使用Vue CLI应用程序。有一个孙组件需要访问另一个组件的元素的属性。它真的只需要clientHeight财产。

所以Content2.vue组件需要访问clientHeight这个元素的属性：（<div id="header"></div>在Header.vue 中）。

尝试的解决方案

• 我试过使用$refs. 并且根据这个 stackoverflow 答案 $refs仅适用于与父/子直接相关的组件。

• 我也考虑过将$refsor添加clientHeight到商店（vuex），但它似乎有点矫枉过正。

• 我总是可以使用原版并使用querySelector或getElementById。但想想可能有更好的东西。

谢谢你的帮助！