博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
学习仿饿了么遇到商品详情页的添加购物车按钮没有动画,$emit派发事件
阅读量:6904 次
发布时间:2019-06-27

本文共 484 字,大约阅读时间需要 1 分钟。

以上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组件即可

转载于:https://juejin.im/post/5be657a1f265da6110368ee1

你可能感兴趣的文章