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();
            }
        },
 }



 

posted @ 2022-08-17 15:31  越甲鸣吾君  阅读(503)  评论(0编辑  收藏  举报