学习仿饿了么遇到商品详情页的添加购物车按钮没有动画,$emit派发事件

以上goods、shopcart、food组件中都用到cartcontrol组件(添加到购物车组件),其余正常,只有food组件中的第一次添加购物车按钮动画正常,以后的没有显示动画

未修改代码,只有添加第一个商品addFirst中派发事件add 函数

在goods组件监听add事件去触发addFood函数,从而去触发小球掉落动画函数,因此第一次添加商品时有动画

但后面在添加就没有了,经过打印发现,goods组件都没有进去addFood函数,也就是没有监听到cart-add事件(缘由还没有弄明白),因此从food组件中引用的cartcontrol组件中去监听它本身派发的事件cart-add,触发函数addFood(随意命名,不一样于goods组件的addFood函数),在addFood函数中再派发一个事件,让goods父组件去监听,从而触发goods中的addFood函数,再去触发小球掉落动画函数就能够实现完整的小球下落动画了 修改后的代码

只修改food组件便可
相关文章
相关标签/搜索