Получить компонент по ключу из списка рендеринга

Question

С помощью vue я отображаю список пользовательских компонентов.Как я могу получить доступ к конкретному визуализированному компоненту по имени ключа?

<component v-for="field in r.fields"
                       :key="field.name"
                       :field="field"
                       :is="field.component"
            ></component>

У пользовательского компонента есть несколько методов, к которым мне нужно получить доступ из другого пользовательского компонента.

Answer 1

Если вы добавите ref, вы можете выполнить поиск компонента, сопоставив его с ключом:

<component v-for="field in r.fields"
  :key="field.name"
  :field="field"
  :is="field.component"
  ref="comps"
></component>

this.$refs.comps.find(comp => comp.$vnode.key === 'foo')