1.動態(tài)加載照片,照片加載完后 獲取不到整體元素高度
難點1:
數(shù)據(jù)是否 完全加載
難點2:
如何判斷照片何時加載完成
難點3:
加載完成后聋袋,調(diào)用函數(shù)
在 圖片上加 load事件,等圖片加載完成后調(diào)用事件
<img :src="n.img" @load="heightData">
2.data中的數(shù)據(jù)發(fā)生變化時速勇,computed無法檢測到
例如: this.scrollY發(fā)生變化時锚扎,這個函數(shù)沒有調(diào)用
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
}
}
}
}
這樣的話 可以調(diào)用 但是 不知道出在哪里,只是解決的問題啄糙,但是還是不知道原理