利用vue希望實現(xiàn)購物小車的動畫，我做了一個簡化版的以描述問題的demo:https://codepen.io/jacktown/pen/JwWPrx點擊預覽data中的balls是用來實現(xiàn)動畫的那些div的對應數(shù)據(jù)，通過v-show切換顯示隱藏，同時利用js的鉤子來設置transform，實現(xiàn)動畫。我希望實現(xiàn)的效果是，在每次點擊按鈕時，添加動畫任務到tasks中，一旦存在空閑的方塊時就執(zhí)行新的動畫。但是現(xiàn)在，如果之前的動畫還沒有執(zhí)行完畢前，點擊添加了更多的動畫任務的話，后續(xù)的動畫就不能被正確的執(zhí)行（本該執(zhí)行動畫的圓塊只是待在原地不動了，而不是重新從右邊進入）。