ball属性问题 想不明白

来源:17-19 购物车小球动画实现(2)

慕雪0323865

2018-03-09

drop(el) {
  for (let i = 0; i < this.balls.length; i++) {
    let ball = this.balls[i];
    if (!ball.show) {
      ball.show = true;
      ball.el = el;
      this.dropBalls.push(ball);
      return;
    }
  }
},
beforeDrop(el) {
  let count = this.balls.length;
  while (count--) {
    let ball = this.balls[count];
    if (ball.show) {
      let rect = ball.el.getBoundingClientRect();
    }
  }
}

想问下  为什么beforeDrop里 let rect = ball.el.getBoundingClientRect()
 可以访问到drop里的 ball.el 这个属性 

写回答

1回答

ustbhuangyi

2018-03-10

因为 ball 是一个对象,在 drop 方法的时候,会给 show 为 false 的 ball 添加一个 el 属性,并把 show 设置为 true。然后在 beforeDrop 的时候拿到 show 为 true 的 ball  就会有 el 属性。 

0
1
慕雪0323865
懂了 谢谢老师
2018-03-10
共1条回复

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程