父子组件传值prop与$emit、爷爷组件与孙子组件传值

1.父组件传给子组件

父组件想要给子组件传值，在引用的子组件中 利用：传值，例如：

父组件:
定义的listen-scroll名称，传递的值是listenScroll，
<scoll  :listen-scroll="listenScroll">  <scoll/>
子组件：
prop：["listen-scroll"]

子组件接受父组件的传值时，使用prop接受，

子组件传递给父组件

子组件传递给父组件通过$emit 传递

父组件：
接收时还用showAddrName，updateAddrName是父组件中定义的别名，data是子组件传递的数据
<scoll  @showAddrName="updateAddrName" >  <scoll/>methods：{
updateAddrName（data）{}
}
子组件：
第一个参数是发送数据的名称，接收时还用这个参数接收
第二个参数是发送的数据
this.$emit('showAddrName',data);

2.将爷爷组件的值传给孙子组件:

转发文档

$attrs传值该数据没有在父亲组件props中注册过，注意是没有注册过。在子元素中通过$attrs[‘data’]来访问这个数据

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！