swiper点击出现空白的解决办法

swiper点击出现空白的解决办法

<div class="swiper-container2 ">
    <div class="swiper-wrapper">
        <div class="swiper-slide swiper-slide-active">全部</div>
        <div class="swiper-slide">电商类</div>
        <div class="swiper-slide">金融类</div>
        <div class="swiper-slide">医疗类</div>
        <div class="swiper-slide">地产类</div>
        <div class="swiper-slide">Slide 6</div>
        <div class="swiper-slide">Slide 7</div>
        <div class="swiper-slide">Slide 8</div>
        <div class="swiper-slide">Slide 9</div>
        <div class="swiper-slide">Slide 10</div>
    </div>
</div>

var mySwiper2 = new Swiper('.swiper-container2', {
      slidesPerView: 5,
      spaceBetween: 30,
      centeredSlides: true,
      loop: true,
      on: {
          click: function() {
              console.log(this.clickedIndex)
              mySwiper2.slideTo(this.clickedIndex);
              mySwiper2.slideToLoop(this.realIndex);//解决swiper空白
              mySwiper6.slideTo(this.clickedIndex);
              mySwiper6.slideToLoop(this.realIndex);
          },
          touchMove: function() {
              mySwiper2.lockSwipes(); //禁止滑动
          },
      },
  });