点菜和下面结算的菜单明细列表是如何实现关联的?

来源:2-4 详情页-购物车(4)

慕瓜6072901

2020-08-01 11:32:19

没听明白原理

写回答

1回答

好帮手慕久久

2020-08-01

同学你好,问题解答如下:

由于右侧菜品的html结构绑定了对应商品的数据,所以点击右侧菜品时,先获取自己身上绑定的数据,然后再将该数据的上的chooseCount值改变,即更新该商品的数量;由于右侧html结构上绑定的数据,是全局中对象“food_spu_tags”中的一部分,所以操作右侧html结构上绑定的数据,会同步改变“food_spu_tags”,然后再调用更新购物车数据的方法,该方法会遍历改变后的数据“food_spu_tags”来重新渲染购物车的结构,从而实现联动,如下:

http://img.mukewang.com/climg/5f24e6ce091100ad08370301.jpghttp://img.mukewang.com/climg/5f24e6d709326d6411780651.jpghttp://img.mukewang.com/climg/5f24e6db092b096a08340582.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快!

0

0 学习 · 6815 问题

查看课程