vue TAB切换后swiper停止滚动解决
我没有npm install swiper,直接根目录引进来的
vue用的前端框架是antd-vue
<a-tabs default-active-key="1" style="height:100%;" @change="changeTab"> <a-tab-pane key="1" tab="swiper"> <div class="swiper-container" id="review_box" v-show="!(carTaskList.length<10)"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="item in tasks"> <div class="task" :data-card=item.card_id> {{item}} </div> </div> </div> </div> </a-tab-pane> <a-tab-pane key="2" tab="列表"></a-tab-pane> </a-tabs>
methods: {
// 该事件负责监听tab变化
changeTab(e){
if(e == 1){
// swiper.activeIndex 这是当前所在位置,如果下面继续用他还是不动,因此加一
swiper.slideTo(swiper.activeIndex+1)
swiper.autoplay.start();
}
},
}