请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

food详情页小球动画没了

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

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

正在回答 回答被采纳积分+3

2回答

慕沐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不一样 


0 回复 有任何疑惑可以回复我~
慕桂英5115728 2018-04-10 16:33:42

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

<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 回复 有任何疑惑可以回复我~
  • 提问者 慕粉15201527929 #1
    我找到原因了,
    <food @add="addFood" :food="selectedFood" ref="food"></food>
    我没有加@add='addFood',
    估计你那个是<cartcontrol ></cartcontrol>没有加
    回复 有任何疑惑可以回复我~ 2018-04-10 16:37:56
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信