vue商城

1.动态加载照片，照片加载完后 获取不到整体元素高度
难点1：
数据是否 完全加载
难点2：
如何判断照片何时加载完成
难点3：
加载完成后，调用函数

在 图片上加 load事件，等图片加载完成后调用事件
<img :src="n.img" @load="heightData">

2.data中的数据发生变化时，computed无法检测到
例如： this.scrollY发生变化时，这个函数没有调用

computed: {
    currentIndex () {
      for (let i = 0; i < this.liHeight.length; i++) {
        let height1 = this.liHeight[i]
        let height2 = this.liHeight[i + 1]
        if (this.scrollY >= height1 && this.scrollY < height2 ){
          return i
        }
      }
    }
  }

解决方法 ：

computed: {
    currentIndex () {
      let y = this.scrollY
      for (let i = 0; i < this.liHeight.length; i++) {
        let height1 = this.liHeight[i]
        let height2 = this.liHeight[i + 1]
        if (y >= height1 && y < height2 ){
          console.log('i: ' + i)
          return i
        }
      }
    }
  }

这样的话 可以调用 但是 不知道出在哪里，只是解决的问题，但是还是不知道原理