javascript - Swiper.js 分页自定义项目符号不会点击移动到下一张幻灯片

Question

从 swiper.js 单击时，我无法让自定义项目符号滑动。
这是我的stackblitz
我添加了配置属性

'clickable: true'

这是我的刷卡代码代码

private pagination: SwiperPaginationInterface = {
  el: '.swiper-pagination',
  type: 'bullets',
  clickable: true,
  renderBullet: function(index, className) {
    return '<span class="' + className + '">' + (index === 0 ? 'info ' : 'students') + '</span>';
  },
};
config: SwiperConfigInterface = {
  observer: true,
  observeParents: true,
  observeSlideChildren: true,
  direction: 'horizontal',
  threshold: 50,
  spaceBetween: 0,
  slidesPerView: 1,
  centeredSlides: true,
  slideToClickedSlide: true,
  pagination: this.pagination,
  navigation: true,
  // width: 200,
  // setWrapperSize: true,
};

Answer 1

对我来说，这有效:

public config: SwiperOptions = {
  pagination: {
   el: '.swiper-pagination',
   clickable: true
  }
}