element-ui 走马灯 如何点击切换按钮 请求一次后台数据呢

Question

element-ui 走马灯 如何点击切换按钮 请求一次后台数据呢

Answer 1

看你的应用场景，如果需要切换按钮阻塞后面的流程
需要把原来的切换按钮隐藏掉，自己写一个切换按钮，然后手动触发Carousel Methods
如果不需要阻塞，只是在切换后进行其他的操作，自身提供了Carousel Events可以使用

第一种情况中有一个问题，每次数据的更新会导致组件的重绘，会自动切换到默认的索引（未设置为1），所以需要做以下处理

1.在组件上添加:initial-index="initialIndex"属性，避免重绘时的位置错乱
2.data中添加initialIndex:0
3.在切换事件中，添加默认值的修改
numGot(){ 
const initialIndex=this.$refs.carousel.activeIndex
this.imgData.push(......)
this.initialIndex=initialIndex+1
}