还有一个小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积分~
来为老师/同学的回答评分吧
登录后可查看更多问答,登录/注册
6年持续迭代经典好课,0基础小白到高阶实战再深入框架源码解析,让你的前端技术深度、宽度全面发展。 课程每节课配套大量练习题,纯小白也能学的会,学的好,比市面上其他同类课程让你更快速提升前端编程竞争力。
54 4
10 1
13 3
10 9
购课补贴联系客服咨询优惠详情
慕课网APP您的移动学习伙伴
扫描二维码关注慕课网微信公众号
在线咨询
领取优惠
免费试听
领取大纲
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星