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

Question

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

Answer 1

看你的应用场景，如果需要切换按钮阻塞后面的流程需要把原来的切换按钮隐藏掉，自己写一个切换按钮，然后手动触发Carousel Methods如果不需要阻塞，只是在切换后进行其他的操作，自身提供了Carousel Events可以使用第一种情况中有一个问题，每次数据的更新会导致组件的重绘，会自动切换到默认的索引（未设置为1），所以需要做以下处理1.在组件上添加:initial-index="initialIndex"属性，避免重绘时的位置错乱2.data中添加initialIndex:03.在切换事件中，添加默认值的修改numGot(){ const initialIndex=this.$refs.carousel.activeIndexthis.imgData.push(......)this.initialIndex=initialIndex+1}