点菜和下面结算的菜单明细列表是如何实现关联的?
来源:2-4 详情页-购物车(4)
慕瓜6072901
2020-08-01 11:32:19
没听明白原理
1回答
同学你好,问题解答如下:
由于右侧菜品的html结构绑定了对应商品的数据,所以点击右侧菜品时,先获取自己身上绑定的数据,然后再将该数据的上的chooseCount值改变,即更新该商品的数量;由于右侧html结构上绑定的数据,是全局中对象“food_spu_tags”中的一部分,所以操作右侧html结构上绑定的数据,会同步改变“food_spu_tags”,然后再调用更新购物车数据的方法,该方法会遍历改变后的数据“food_spu_tags”来重新渲染购物车的结构,从而实现联动,如下:
如果我的回答帮到了你,欢迎采纳,祝学习愉快!
相似问题