vue+elementui 走马灯只有两个时滚动方向错误

问题

当走马灯只有两项时，第一次切换时动画效果是右滑，第二次切换时变成了左滑

解决办法

1. 当数据只有两项时复制一遍数据，比如1，2 ==>1，2，1，2
2. 自定义指示器，在只有两项时显示自定义的指示器，同时，监听自定义指示器的点击事件，切换幻灯片的索引
3. 同时监听幻灯片的change事件，用以控制自定义指示器的选中样式

• html代码

    //当只有两项数据时不显示默认的指示器
            
              

                
{{ item.xzqhmc }}
                
{{ item.value }}
                
当期数据
              
            
//复制一遍，当只有两项时才显示
            

              
                

                  
{{ item.xzqhmc }}
                  
{{ item.value }}
                  
当期数据
                
              
            
          
//当只有两项时显示自定义的指示器

            
  //点击指示器，切换幻灯片的索引
              
            
          

• Js代码

methods: {
    changeCarousel(a){
      if (this.taxList.length===2){
        a===2?this.indexActive=0:a===3?this.indexActive = 1:this.indexActive=a
      }else {
        this.indexActive = a
      }
    },
    handleCarousel(index){
      this.$refs.carouselTax.setActiveItem(index)
    },
}

• CSS代码

 .is-active{
          button{
            background: #c0c4cc;
          }
        }