访问VueJS中的嵌套子组件

vue.js Vue.js

小胖Green

2020-03-12

使用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>

第1048篇《访问VueJS中的嵌套子组件》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
A村村 2020.03.12

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

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android