老师,为什么这里点击清空购物车之后,再点击添加商品到购物车时,购物车信息会自动的显示出来啊

老师,为什么这里点击清空购物车之后,再点击添加商品到购物车时,购物车信息会自动的显示出来啊

正在回答 回答被采纳积分+1

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

1回答
好帮手慕然然 2022-02-16 11:14:26

同学你好,根据所写代码,购物车显示需要满足两个条件:showCart && calculations.total > 0,意思是:

当购物车有商品(满足 calculations.total > 0 的条件)且 showCart 会变为 true 时(触发购物车事件toggleCartEffect时会变为true,购物车才会显示出来。

当这两个条件全部满足,购物车显示出来之后,如果点击清空购物车的话, calculations.total会变为0,不再满足 calculations.total > 0 的条件,购物车会隐藏。但此时 showCart 没有变化,还是为true,所以当后面点击+号添加商品时,calculations.total>0条件又满足了,而showCart 又为true,因此购物车会自动显示出来。如果想解决这个问题的话,可以参考如下代码调整:

https://img1.sycdn.imooc.com//climg/620c717409f187fb13680780.jpg

祝学习愉快!

  • 提问者 dawn_eve #1

    那请问老师,这个是原本的代码就会有这样的情况吗,而不是我自己打的代码的问题?

    2022-02-16 11:30:37
  • 提问者 dawn_eve #2

    如果要解决这个问题是不是要到清空购物车的事件中将 showCart 改为 false 就可以了呢

    2022-02-16 11:37:19
  • 好帮手慕然然 回复 提问者 dawn_eve #3
    是的,如果要解决这个问题的话,就在清空购物车事件中将showCart 改为 false 。源码也存在这个问题,老师刚才给同学贴了解决代码,可以参考一下。
    2022-02-16 11:40:04
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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