访问VueJS中的嵌套子组件

使用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>
A村村2020/03/12 15:21:29

您可以使用$ refs访问嵌套的组件数据,如果要访问其中的ref,则必须首先定位第一个ref([0])的第一个元素。

例: parent.$refs[0].$refs.anAccount