还有一个小bug

还有一个小bug

还有一个小bug,

清空购物车的时候,没有修改showCart的值,

仍为true,

下一次添加的时候,会直接显示购物车

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,没错这里有这样一个小bug,可以当做是个小练习尝试解决一下(比如用监听的办法)

祝学习愉快!

  • 我的理解是:点击清空购物车 cleanCartProducts 之后 store.commit 使 productList 变为 {} 并存储在 LocalStore 中,然后重新从 LocalStore 获取信息,但此时 showCart 的值仍为 true,所以点击加减商品时直接弹出购物车。

    然后是我现在不知道在哪个位置去设置让 showCart 变 false ,能不能说说在哪监听和怎么监听?





    2025-02-11 18:11:50
  • 在老师的代码思路基础之上是要做一些调整的,因为老师直接将showCart放到了toggleCartEffect中那么我们在别的地方去控制showCart显然是让人不知所措的。

    再有我们去分析一下,是不是当用户点击清空购物车与点击加减号当选中数量都为0时showCart都应为false?

    那么我们就可以将目光放到总计金额上去(calculations.total)不管是否减到零只要是总计金额为0时,showCart它万万不能是true的。

    究竟是不是我们想的这样?我们带着这个问题去尝试解决,如下:

    https://img1.sycdn.imooc.com/climg/67ac353e09b2ec8210390894.jpg

    因为老师这里只是做了个显示显示隐藏的切换,如果说想要更做的更好那么就要更多的逻辑去处理这里了(

    比如说在没有任何选中的情况下直接点击的情况下也需要做单独处理)如下:

    https://img1.sycdn.imooc.com/climg/67ac3e1209f627bc10220464.jpg

    如果说同学在工作中,产品给出的逻辑细节特别松散,那么同学直接就可以在用户点击完“清空购物车”后刷新页面,这样也是比较常用的方式之一。

    以上仅供参考。

    2025-02-12 13:45:14
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师
插入代码