使用v2.2.2。我的VueJS应用程序具有以下结构。如何从“发布”组件上的方法访问所有“帐户”组件?Accounts的数量是动态的-我想获取所有已加载的Account
组件并对其进行迭代。
我知道这与$refs
和有关$children
,但似乎似乎找不到正确的道路。
<Root>
<Post>
<AccountSelector>
<Account ref="anAccount"></Account>
<Account ref="anAccount"></Account>
<Account ref="anAccount"></Account>
</AccountSelector>
</Post>
</Root>
您可以使用$ refs访问嵌套的组件数据,如果要访问其中的ref,则必须首先定位第一个ref([0])的第一个元素。
例:
parent.$refs[0].$refs.anAccount