sticky连续快速点击,还会出现重复生成sticky

来源:5-7 购物车 sticky 组件

Walker游游

2020-06-29

老师好!又来麻烦老师。
老师,这节课的逻辑可以理解,代码也实现了。只是在快速连续点击sticky的时候,还是会重复生成sticky。而且,点击sticky,在sticky隐藏后,需要点击第二次,才能再次弹出shop-cart-list。
另外,老师,我用create-api方式做的cart-control小球抛物线过渡动画效果。小球在shop-cart中创建并执行过渡动画,同时绑定动画结束事件,监听到动画结束后自动销毁。可是经常会出现小球在display:none以后,无法自动销毁的现象。重新整理了逻辑,没能查出问题,恳请老师施以援手。
辛苦老师了!这是项目存放地址:链接描述

写回答

1回答

ustbhuangyi

2020-06-30

你的 ShopCartList 组件应该用 popupMixins 来管理弹窗的关闭,你出现的问题是因为点击购物车关闭ShopCartList 的时候没有触发 hide 事件。快速连续点击可能会出现多个,但关系不大,只有保证逻辑正确即可,当然,你去删除这个节点也是可以的。

小球用 createAPI 实现这个思路很赞,我目前跑你的代码似乎没有出现无法销毁小球的情况,即使快速点击,在小球动画做完后也能正常销毁。


0
5
Walker游游
回复
ustbhuangyi
有有有,太有了!
2020-06-30
共5条回复

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程