學習仿餓了麼遇到商品詳情頁的添加購物車按鈕沒有動畫,$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組件便可
相關文章
相關標籤/搜索