从列表渲染中按键获取组件

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')