vue中swiper使用

最新推荐文章于 2024-09-12 18:19:58 发布

置顶码页面

最新推荐文章于 2024-09-12 18:19:58 发布

阅读量340

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/ministech/article/details/89415109

版权

javascript 专栏收录该内容

42 篇文章 0 订阅

订阅专栏

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>';
     }
 });