问题:el-carousel 2张图会2方向来回滚动 ,大于2张才会向一个方向滚动
解决思路就是当你传入的图片是两张的时候就复制一份,如果你有下面的指示器的话自己写一下样式。当图片改变时@change下标是1、2的时候就隐藏掉3、4个指示器反之隐藏1、2。
代码
<template>
<div :class="[{'liangztupian':stl&&imgList.length==2},{'yizhangtupian':!stl&&imgList.length==2}]">
<el-carousel @change="carouselChange" >
<el-carousel-item v-for="(item, index) in list" :key="'imgList' + index">
<img :src="item.url" alt="" class="img">
</el-carousel-item>
</el-carousel>
</div>
</template>
carouselChange(data){
if(data==0||data==1){
this.stl=true
}else{
this.stl=false
}
},
.yizhangtupian{
.el-carousel__indicators{
&>li:nth-child(1),&>li:nth-child(2){
display: none;
}
}
}
.liangztupian{
.el-carousel__indicators{
&>li:nth-child(3),&>li:nth-child(4){
display: none;
}
}
}