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
}
}
}
}
这样的话 可以调用 但是 不知道出在哪里,只是解决的问题,但是还是不知道原理
网友评论