2回答

慕沐6034303

2019-04-18

弄了半天，弄出来了,仔细想了想，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不一样 

0

0

慕桂英5115728

2018-04-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);
},

0

1

慕粉15201527929

我找到原因了， 我没有加@add='addFood'， 估计你那个是没有加

2018-04-10

共1条回复