法一
<swiper-item catchtouchmove="stopTouchMove">
...
</swiper-item>
stopTouchMove: function() {
return false;
}
缺点:触碰到swiper组件滑动时,页面不能上下滚动
法二
.swiper-disabled{
position: relative;
}
.swiper-disabled::after{
content: '';
position: absolute;
top:0;
left:0;
/*长宽根据需要调整*/
width:330px;
height:260px;
}
<swiper class="swiper-disabled">
...
</swiper>
缺点:当有元素需要点击,这个方法就不适用