swiper 初始化的两个小坑

Posted small_lady

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了swiper 初始化的两个小坑相关的知识,希望对你有一定的参考价值。

1.当swiper loop设为true时,同时你又改变了sliderPerview的值,这时候轮播,按prev按钮到第一个时,会出现空白页;

解决办法:sliderPerview设置为auto,loopSliders设置你想要同时显示的slide个数;

2.当swiper-slide为动态添加的内容时,swiper的滑动动效会失效;

解决办法:初始化中设置observer为true;observerParent为true;

以上是关于swiper 初始化的两个小坑的主要内容,如果未能解决你的问题,请参考以下文章

vue使用swiper的坑-刷新不动,loop属性失效

关于swiper在vue中不生效的问题

swiper4初始化/swiper-init/data-swiper

为啥 Swiper 没有在离子模式上初始化?

swiper初始化问题

在Vue中使用了Swiper ,动态从后台获取数据的之后,swiper滑动失效??