element-ui 走馬燈 如何點(diǎn)擊切換按鈕 請(qǐng)求一次后臺(tái)數(shù)據(jù)呢
1 回答

慕桂英3389331
TA貢獻(xiàn)2036條經(jīng)驗(yàn) 獲得超8個(gè)贊
看你的應(yīng)用場(chǎng)景,如果需要切換按鈕阻塞后面的流程
需要把原來(lái)的切換按鈕隱藏掉,自己寫(xiě)一個(gè)切換按鈕,然后手動(dòng)觸發(fā)Carousel Methods
如果不需要阻塞,只是在切換后進(jìn)行其他的操作,自身提供了Carousel Events可以使用
第一種情況中有一個(gè)問(wèn)題,每次數(shù)據(jù)的更新會(huì)導(dǎo)致組件的重繪,會(huì)自動(dòng)切換到默認(rèn)的索引(未設(shè)置為1),所以需要做以下處理
1.在組件上添加:initial-index="initialIndex"屬性,避免重繪時(shí)的位置錯(cuò)亂
2.data中添加initialIndex:0
3.在切換事件中,添加默認(rèn)值的修改
numGot(){
const initialIndex=this.$refs.carousel.activeIndex
this.imgData.push(......)
this.initialIndex=initialIndex+1
}
添加回答
舉報(bào)
0/150
提交
取消