android 轮播coverflow,vue-awesome-swiper 3D coverflow effect 使用时每个slider发生错位

项目中使用3D Coverflow Effect 这个组件，但是在同一个页面中，会被其他组件(switch,popup)(操作时带有动画或过渡效果,如遮罩层的显示隐藏、switch的开关切换)影响，导致每个slider发生错位，无法正常滚动，

`

···

v-model="swtich1">

···

···

swiperOption: {

effect: "coverflow",

grabCursor: true,

centeredSlides: true,

slidesPerView: "auto",

coverflowEffect: {

rotate: 0,

stretch: -80, // slide左右距离

depth: 400, // slide前后距离

modifier: 0.5, //

slideShadows: false // 滑块遮罩层

},

pagination: {

el: ".swiper-pagination",

type: "bullets"

}

}

···

`