**1、父组件**
<div class="inquire">
<headerTable :messageSon="messageson" @headerTableSaid="messageDaughter($event)" />
</div>
<div class="table">
<centerTable :messageDaughter="messagedaughter" @centerTableSaid="messageSon($event)" />
</div>
messageDaughter(message) {
this.messagedaughter = message;
console.log(this.messagedaughter)**//这里打印内容和子组件A的打印内容是一样的(是一个object,也就是this.form)**
},
messageSon(message) {
this.messageson = message;
},
**2、子组件A**
name: 'headerTableSaid',
props: ['messageSon'],
onSubmit() {
this.$emit('headerTableSaid', this.form)
console.log(this.form)
},
**3、子组件B**
name: 'centerTableSaid',
props: ['messageDaughter'],
created() {
console.log(this.messageDaughter)**//这里打印内容为空**
},
![](https://profile-avatar.csdnimg.cn/default.jpg!4)
组件传值问题,另一子组件接收时为空为什么
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
4条回答 默认 最新
- 你好!机器人 2022-03-09 16:06关注
<centerTable ref="centerTable " :messageDaughter="messagedaughter" @centerTableSaid="messageSon($event)" /> messageDaughter(message) { this.$refs.centerTable.getData(message); console.log(this.messagedaughter)**//这里打印内容和子组件A的打印内容是一样的(是一个object,也就是this.form)** }, **3、子组件B** name: 'centerTableSaid', props: ['messageDaughter'], created() { console.log(this.messageDaughter)**//这里打印内容为空** }, methods:{ getData(data){ console.log(data)//这里看能不能接收到 } }
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 在若依框架下实现人脸识别
- ¥15 网络科学导论,网络控制
- ¥100 安卓tv程序连接SQLSERVER2008问题
- ¥15 利用Sentinel-2和Landsat8做一个水库的长时序NDVI的对比,为什么Snetinel-2计算的结果最小值特别小,而Lansat8就很平均
- ¥15 metadata提取的PDF元数据,如何转换为一个Excel
- ¥15 关于arduino编程toCharArray()函数的使用
- ¥100 vc++混合CEF采用CLR方式编译报错
- ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
- ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
- ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同