food详情页小球动画没了

Question

addFirst(event) {
 if (!event._constructed) {
   return;
 }
 this.$emit('add', event.target);
 Vue.set(this.food, 'count', 1);
}

在food.vue里面加入的，但是小球动画没了，不知道怎么回事

Answer 1

慕沐6034303 2019-04-18 17:54:12

弄了半天，弄出来了,仔细想了想，food里面小球动画应该是这样的

1 cartcontrol组件是good组件的子组件

2 cartcontrol组件是food组件的子组件

3 food组件是good的子组件

4 在food中点击加减，target传到food的<cartcontrl>，然后这个<cartcontrol>应该绑定一个方法<cartcontrol @add="addHandler">，把target再传到good中的<food>组件，最后good 中的<food @add="_drop">调用的是drop(target)方法，关键是这个addHandler要传target,这样写

this.$emit('add', event.target);

注意good中的cartcontrol是<cartcontrol @add="_drop">，绑定的方法与food中的cartcontrol不一样 

Answer 2

慕桂英5115728 2018-04-10 16:33:42

我是只有点击“加入购物车”有动画

1 2 3 4 5 6 7 8 9 10

<food :food="selectedFood" ref="food" @cartAdd="_drop"></food>   addFirst (event) {   if (!event._constructed) {     return;   }   ;   this.$emit('cartAdd', event.target);   Vue.set(this.food, 'count', 1); },

• 提问者 慕粉15201527929 #1

  我找到原因了，
  <food @add="addFood" :food="selectedFood" ref="food"></food>
  我没有加@add='addFood'，
  估计你那个是<cartcontrol ></cartcontrol>没有加