swiper-pagination小圆点显示数量异常的问题（swiper.js）

bug还原

1、页面存在5个轮播
2、每个轮播调用方式一样
3、每个js都加了swiper-pagination，但只有第一个的html里有小圆点，其他轮播不需要小圆点

局部错误代码

var swiper = new Swiper ('.banner-swiper', {
    direction:'horizontal',
    loop: true,
    autoplay:3000,
    speed:1000,
    spaceBetween: 0,
    pagination: '.swiper-pagination',
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    paginationClickable :true,
    autoplayDisableOnInteraction : false
});

var swiper = new Swiper ('.mainpro-swiper', {
    direction:'horizontal',
    loop: true,
    autoplay:3000,
    speed:1000,
    spaceBetween: 0,
    pagination: '.swiper-pagination',
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    paginationClickable :true,
    autoplayDisableOnInteraction : false,
});

var swiper = new Swiper ('.faq-swiper', {
    direction:'horizontal',
    loop: true,
    autoplay:3000,
    speed:1000,
    spaceBetween: 0,
    pagination: '.swiper-pagination',
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    paginationClickable :true,
    autoplayDisableOnInteraction : false,
});

var swiper = new Swiper ('.partner-swiper', {
    direction:'horizontal',
    loop: true,
    autoplay:3000,
    speed:1000,
    spaceBetween: 0,
    pagination: '.swiper-pagination',
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    paginationClickable :true,
    autoplayDisableOnInteraction : false,
});

bug体现

解决方案

pagination: '.swiper-pagination',

网友其他方案

if(this.sliderType === 0){
    this.banner = new Swiper(_slider,{
        slidesPerView: 1,
        pagination: self.pagination,
        autoplay: self.autoplay,
        onSlideChangeEnd: _onSlideChangeEnd,
        observeParents: true,
        observer: true,
        direction:'horizontal'

    })
  }
  else if(this.sliderType === 1){
      this.slider = new Swiper(_slider,{
          slidesPerView: 'auto',
          pagination: self.pagination,
          scrollbar: self.scrollbar,
      })
  }