美文网首页
1.11、父级访问子组件

1.11、父级访问子组件

作者: flyjar | 来源:发表于2023-03-03 14:49 被阅读0次

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的子组件

相关文章

  • vuejs填坑-父子组件之间的访问

    有时候我们需要父组件访问子组件,子组件访问父组件,或者是子组件访问根组件。 1. 父组件访问子组件 $chil...

  • vue父子组件的访问方式

    有时候我们需要父组件直接访问子组件,子组件直接访问父组件,或者是子组件访问跟组件。 父组件访问子组件:使用$chi...

  • Vue组件通讯

    (1)子访问父组件:props (2)父访问子组件:$emit (3)兄弟组件通信:子1传给父组件,父再传给子2 ...

  • 看vue教程的小摘要(二)

    访问元素,组件 1.访问根实例$root比如: 2.访问父级组件$parent3.访问子组件ref $refs 只...

  • 父子组件之间的访问

    ---转载keepfool的60分钟组件快速入门(下篇) 父组件访问子组件,子组件访问父组件,或者是子组件访问根组...

  • 父子组件通信

    父级给子组件传值: 在父级中调用组件 在子组件js中获取 子组件给父级传值 在子组件中 父级 html 父级js

  • 组件的通讯

    父子间访问子组件之间的信息(父传子) 子组件访问父组件之间的信息(子传父) 兄弟之间的传递(子传子) 父传子 子传...

  • 2-8 vue全局属性

    vue全局属性 父子组件之间相互访问 在开发中,组件之间需要相互访问。比如:父组件访问子组件,子组件访问父组件,或...

  • 作用域插槽

    ***父级在其子组件插槽想要访问子组件插槽数据时候,可以通过子组件的slot插槽暴露出去的props去访问。 使用...

  • Vue组件实例间的直接访问

      有时候需要父组件访问子组件,子组件访问父组件,或者是子组件访问根组件,在组件实例中,Vue提供了相应的属性,包...

网友评论

      本文标题:1.11、父级访问子组件

      本文链接:https://www.haomeiwen.com/subject/gdkpfrtx.html