如何通过在swiper.js中单击所需幻灯片来更改居中幻灯片？

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

<div class="swiper-slide" onclick="changeCenterSlide(0)">Slide 1</div>
<div class="swiper-slide" onclick="changeCenterSlide(1)">Slide 2</div>
<div class="swiper-slide" onclick="changeCenterSlide(2)">Slide 3</div>
<!-- 其他幻灯片... -->

function changeCenterSlide(index) {
  swiper.slideTo(index); // 切换到指定索引的幻灯片
}