vue数据传输排坑

来源:互联网 发布:漫长的婚约 知乎 编辑:程序博客网 时间:2024/05/17 06:14

在项目开发中忽略了一个问题,导致数据不能传输报错。
报错

App.vue
App.vue

商品goods组件要传递需要的数据给购物车shopcart组件

这里写图片描述

shopcart组件也定义了props来接受父组件goods传来的数据

这里写图片描述
为什么会报错呢,shopcart组件尽管定义了props来接受父组件的seller相关数据,goods组件也绑定了相关的seller相关的price数据但是这里忽略了重要的一点,goods组件是无法获得seller数据的,尽管他也定义了props来接受seller
这里写图片描述

要解决这个问题,只需要在在父组件app.vue中传递seller给goods组件,具体做法见下图改后
只需要在app.vue中传递seller

这里写图片描述

可以看到能正确获取到想要的数据
这里写图片描述

总结一句话:父组件传递,子组件接受一个都不能少,否则就会出啊先错误。

原创粉丝点击