在 Vue 中使用 ref 访问嵌套子项有更好的方法吗？（祖父 - 父亲 - 儿子）

Is there a better way to access nested children using ref in Vue? (Grandfather - Father - Son)

对于项目的结构，我无法更改，我需要从父亲一直到儿子的儿子（祖父与儿子的关系）获得价值。这是我所说的代码示例。

ComponentGrandfather.vue

<component-father
  ref="refGF"
  (...)
  ><component-father>

ComponentFather.vue

<component-son
  ref="refF"
  (...)
  ><component-son>

ComponentSon.vue

<input type=text ref="valueSon"></input>

我知道您可以使用 this.$ref.refGF.$ref.refF.$ref.valueSon.value 访问 Son，但我想知道是否有更简单的方法，或者这是唯一的方法。

你有这方面的支持。可以从GF钻到Father再钻到Son。