1.以获取到的数据为testData为例,这里用swiperData来作为swiper循环显示的数据来源。(<swiper-slide v-for="(item,index) in swiperData">),swiperData只取testData的3条数据。
2.滑动transitionEnd时,调用方法修改swiper-slide当前定位(主要是定到3个中间的位置,不这样处理的话,数据替代之后,slide还是停留在第3个slide;所以需要手动设置)
resetSwiperData.png
结果:swiper始终只维护3或3个以下的slide,使得即使是巨大数据量时,依然维持好的滑动体验。
另外:swiper在ios滑动时会出现闪屏现象我在slide和slide的子结构上加上:
transform:translate3d(0,0,0);
overflow:hidden;
闪屏现象基本消除,偶尔出现
网友评论