完善购物车修改数量
根据之前的思想,通过不同的type来判断用户进行了什么操作。
具体代码如下所示

此时功能基本完成,但是存在一个BUG,就是当用户点击‘-’过快的时候,会导致购买件数出现负数,如下所示。


针对这个问题,可以用节流解决
具体步骤如下所示
引入lodash

接下来限制handler一秒钟只可以发起一次。具体代码如下所示

此时该功能完善成功。接下来开始制作购物车删除产品的操作。
购物车删除产品
首先查阅文档找到删除产品的请求
查阅完成后书写接口

接口书写完成继续写vuex三连环

接下来给删除按钮绑定点击事件,随后书写点击事件的逻辑


此时点击删除已经可以成功删除数据。
改变产品状态
此时出现如下问题,上面商品已经取消但是全选按钮还是勾选了。针对这个问题可以通过文档中给的接口进行修改产品的选择框的属性值,从而完善这个功能。

同样先写接口

vuex三连环

绑定事件发送action


此时这个问题就可以成功解决了。
704

被折叠的 条评论
为什么被折叠?



