swiper在大数据量时的优化方案
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了swiper在大数据量时的优化方案相关的知识，希望对你有一定的参考价值。
参考技术A 1.以获取到的数据为testData为例，这里用swiperData来作为swiper循环显示的数据来源。（<swiper-slide v-for="(item,index) in swiperData">）,swiperData只取testData的3条数据。2.滑动transitionEnd时，调用方法修改swiper-slide当前定位（主要是定到3个中间的位置，不这样处理的话，数据替代之后，slide还是停留在第3个slide;所以需要手动设置）
结果：swiper始终只维护3或3个以下的slide，使得即使是巨大数据量时，依然维持好的滑动体验。
另外：swiper在ios滑动时会出现闪屏现象我在slide和slide的子结构上加上：
transform:translate3d(0,0,0);
overflow:hidden;
闪屏现象基本消除，偶尔出现
以上是关于swiper在大数据量时的优化方案的主要内容，如果未能解决你的问题，请参考以下文章
uni-app swiper数量过多时卡顿优化方案，微信小程序swiper优化