1.11、父级访问子组件

2023-03-03  本文已影响0人  flyjar

1.父级访问子组件

1.1$children

他返回的是一个组件集合,如果你能清楚的知道子组件的顺序,你也可以使用下标来操作;

一般情况下,不会使用children来获取子组件。而是通过refs来获取

for(let i=0;i<this.$children.length;i++){   console.log(this.$children[i].msg);输出子组件的msg数据;
}

1.2 $refs

首先你的给子组件做标记。demo :<firstchild ref="one"></firstchild>

然后在父组件中,通过this.$refs.one就可以访问了这个自组件了,包括访问自组件的data里面的数据,调用它的函数

如果你没有给子组件设置ref="xxx" 那么通过this.$refs获取到就是一个空的对象。它只会获取到设置了ref的子组件

上一篇 下一篇

猜你喜欢

热点阅读