在Swiper JS中使用下一步/上一步按钮控制幻灯片数量

<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide">Slide 1</div>
    <div class="swiper-slide">Slide 2</div>
    <div class="swiper-slide">Slide 3</div>
  </div>
</div>

<button id="prevButton">上一步</button>
<button id="nextButton">下一步</button>

var swiper = new Swiper('.swiper-container', {
  // 配置选项
  loop: true,
});

var prevButton = document.getElementById('prevButton');
var nextButton = document.getElementById('nextButton');

prevButton.addEventListener('click', function() {
  swiper.slidePrev();
});

nextButton.addEventListener('click', function() {
  swiper.slideNext();
});