vue swiper4 swiper-pagination 添加点击失效

如果您在使用 Vue Swiper 4 和 Swiper Pagination 后，发现点击分页点不能正常切换图片，可以考虑以下解决方案：

1. 确保您的 Swiper Pagination 配置了 clickable 选项，例如：

new Swiper('.swiper-container', {
  // ...
  pagination: {
    el: '.swiper-pagination',
    clickable: true,
  },
});

2. 如果您使用了 Vue Swiper 4 的组件形式，可以在 Swiper 组件上绑定 click 事件，并手动调用 Swiper 实例的 slideTo 方法，例如：

<swiper :options="swiperOption" @click="handleSwiperClick">
  <swiper-slide>Slide 1</swiper-slide>
  <swiper-slide>Slide 2</swiper-slide>
  <swiper-slide>Slide 3</swiper-slide>
</swiper>

// ...
methods: {
  handleSwiperClick(event) {
    const swiper = this.$refs.mySwiper.swiper;
    const index = Array.from(event.target.parentNode.children).indexOf(event.target);
    swiper.slideTo(index);
  },
},

这样就可以实现点击分页点切换图片的功能了。