还有一个小bug,
清空购物车的时候,没有修改showCart的值,
仍为true,
下一次添加的时候,会直接显示购物车
登陆购买课程后可参与讨论,去登陆吧
同学你好,没错这里有这样一个小bug,可以当做是个小练习尝试解决一下(比如用监听的办法)
祝学习愉快!
我的理解是:点击清空购物车 cleanCartProducts 之后 store.commit 使 productList 变为 {} 并存储在 LocalStore 中,然后重新从 LocalStore 获取信息,但此时 showCart 的值仍为 true,所以点击加减商品时直接弹出购物车。
然后是我现在不知道在哪个位置去设置让 showCart 变 false ,能不能说说在哪监听和怎么监听?
在老师的代码思路基础之上是要做一些调整的,因为老师直接将showCart放到了toggleCartEffect中那么我们在别的地方去控制showCart显然是让人不知所措的。
再有我们去分析一下,是不是当用户点击清空购物车与点击加减号当选中数量都为0时showCart都应为false?
那么我们就可以将目光放到总计金额上去(calculations.total)不管是否减到零只要是总计金额为0时,showCart它万万不能是true的。
究竟是不是我们想的这样?我们带着这个问题去尝试解决,如下:
因为老师这里只是做了个显示显示隐藏的切换,如果说想要更做的更好那么就要更多的逻辑去处理这里了(
比如说在没有任何选中的情况下直接点击的情况下也需要做单独处理)如下:
如果说同学在工作中,产品给出的逻辑细节特别松散,那么同学直接就可以在用户点击完“清空购物车”后刷新页面,这样也是比较常用的方式之一。
以上仅供参考。
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
登录后可查看更多问答,登录/注册
全新升级,重磅新增80h+,助力成为”多端+全栈”工程师紧跟企业人才要求,上万学员学习验证,6年持续迭代经典好课0基础到高阶实战再到源码解析,技术深度、宽度全面发展,快速提升工作竞争力
50 4
10 1
12 3
9 9
10 9
购课补贴联系客服咨询优惠详情
慕课网APP您的移动学习伙伴
扫描二维码关注慕课网微信公众号
在线咨询
领取优惠
免费试听
领取大纲
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧