left.js right.js shopBar.js 中绑定了三次的itemData
这三个文件里绑定了三次itemData,我原本以为它们是没关系的,但是看老师说它们都是同一个数据【
window.food_spu_tags = data.data.food_spu_tags || [];
】的一部分,不知道是不是我下面说的这几个部分?
1、首先在left.js中将itemData进行绑定
然后将绑定的这部分数据传给右侧列表
这里传入right.js的就是window.food_spu_tags的子项。
2、再在right.js中绑定这部分数据
(1)
(2)
(3)(4)再对绑定的数据进行修改
3、在shopBar.js中,绑定的却是window.food_spu_tags的子项的spus数组的子项
后面使用的也还是这里绑定的itemData
我上面的这些理解正确吗?
如果正确的话,这三个地方绑定的itemData不是同一个对象的呀,怎么可以实现right和shopBar的商品数量同步的呢?
正在回答
同学你好,理解的有点问题。
left.js绑定的是window.food_spu_tags中的,一个选项卡对应着右侧自己的数据。
right.js绑定的是window.food_spu_tags.spus中的,一个商品对应着自己的数据
shopBar.js绑定的也是window.food_spu_tags.spus中的,一个商品对应着自己的数据
right.js和shopBar.js绑定的数据地址一致,所以一个改变之后,另一个也会改变。
left和right联动,左侧点击哪个右侧显示相对应部分。right和shopBar联动,修改右侧哪个商品的数量,购物车也会跟着改变。
祝学习愉快!
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星