Swiper virtual slide dislocation

follow the example of how to use virtual slide in swiper Chinese network

<div class="swiper-container">
    <div class="swiper-wrapper"></div>
</div>
<script>
var mySwiper = new Swiper(".swiper-container", {
  virtual: {
    slides: (function () {
      var slides = [];
      for (var i = 0; i < 600; i += 1) {
        slides.push("Slide " + (i + 1));
      }
      return slides;
    }()),
  },
  // virtual: true,
});
</script>

clipboard.png


clipboard.png

swiperslideslide

clipboard.png

, as shown in the figure, the real subscript of slide changes to 2, and then it shows the third children under swiper-wrapper

.

does anyone know how to solve this situation?

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b34cdd-2bf3c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b34cdd-2bf3c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?