vue中swiper使用

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/ministech/article/details/89415109

1.使用静态数据时,页面可以正常滑动,一旦使用动态数据,页面就无法滑动,数据显示也不正常
observer:true
启动动态检查器(OB/观众/观看者),当改变swiper的样式(例如隐藏/显示)或者修改swiper的子元素时,自动初始化swiper。
默认false,不开启,可以使用update()方法更新。

new Swiper('.swiper-container', {
     speed: 2000,
     observer:true,				
     pagination: '.swiper-pagination',
     paginationType : 'fraction',
     paginationFractionRender: function (swiper, currentClassName, totalClassName) {
         return '<span class="' + currentClassName + '"></span>' +
                 ' / ' +
                 '<span class="' + totalClassName + '"></span>';
     }
 });

猜你喜欢

转载自blog.csdn.net/ministech/article/details/89415109
今日推荐