vue数据传输排坑
来源:互联网 发布:漫长的婚约 知乎 编辑:程序博客网 时间:2024/05/17 06:14
在项目开发中忽略了一个问题,导致数据不能传输报错。
App.vue
商品goods组件要传递需要的数据给购物车shopcart组件
shopcart组件也定义了props来接受父组件goods传来的数据
为什么会报错呢,shopcart组件尽管定义了props来接受父组件的seller相关数据,goods组件也绑定了相关的seller相关的price数据但是这里忽略了重要的一点,goods组件是无法获得seller数据的,尽管他也定义了props来接受seller
要解决这个问题,只需要在在父组件app.vue中传递seller给goods组件,具体做法见下图改后
只需要在app.vue中传递seller
可以看到能正确获取到想要的数据
总结一句话:父组件传递,子组件接受一个都不能少,否则就会出啊先错误。
阅读全文
0 0
- vue数据传输排坑
- 数据传输出了问题,排错过程
- 解决vue不相关组件之前数据传输问题
- 视频电商网站视频上传准备:vue.js+七牛JSSDK集成(1)排坑
- 数据传输
- 数据传输
- vue 坑
- activityinstrumentationtestcase2 排坑
- springMVC+Mybatis 排坑
- bug排坑记录
- 排
- vue+vue-router+vue-resource踩坑之路由不起作用
- vue + elementUI++Vue常见的坑
- webpack安装入门排坑!
- vue踩坑记录
- vue遇到的坑
- vue经历的坑
- vue的坑
- Jenkins获取git tag代码
- 分批提交commit方法123
- 产品经理的数据分析工作
- Versions版本控制工具
- linux安装svn服务器(yum方式)
- vue数据传输排坑
- 让元素水平垂直居中的方法
- 高斯混合模型:不掉包实现多维数据聚类分析
- 微信群聊,为什么人数上限500人?
- Vue源码学习——v2.5.8
- MongoDB的聚合(aggregate)
- 未来的内容运营,可能更关注用户的沉浸感
- 五大最佳开源java性能监控工具
- UVA 11551(矩阵快速幂)