老师可以简要讲一下这里购物车双向绑定的实现思路么

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

vivi_li

2020-06-23 18:25:30

老师可以简要讲下这里双向绑定的实现思路么

写回答

1回答

好帮手慕久久

2020-06-23

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

进入详情页后,会获取所有的数据,然后将数据保存在全局window下(数据是对象形式),如下:

http://img.mukewang.com/climg/5ef1dd0a09db0b2814370392.jpg

然后利用该数据,渲染左侧列表,并在每一个列表上,绑定它们对应的数据;点击左侧,会将数据传给右侧,然后渲染右侧结构,同样,右侧结构上也绑定了它们对应的数据。右侧操作数据时,会获取它们身上绑定的数据,然后修改它们,这样就会同步更改全局中的数据,如下:

http://img.mukewang.com/climg/5ef1dd0d0931ca9e08670674.jpg

然后底部购物车也是利用全局中的数据,随时更新自身数据与结构:

http://img.mukewang.com/climg/5ef1dd3a099c3d9911670791.jpg

这样就形成了数据联动。

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

0

0 学习 · 6815 问题

查看课程