swiper组件数据加载慢怎么办?
发布于 4 年前 作者 mingli 12544 次浏览 来自 问答

用swiper在页面上渲染数据非常慢,数组长度75就渲染的很慢,求教有没有办法优化体验

4 回复

好家伙 swiper居然一次性渲染75条

给你个方案,创建一个listCopy数组,里面设置和list一样的数量的空字符串对象数组,比如[’’,’’,’’,’’,…]

然后一开始给数组前两个值赋值,比如listCopy[0]=list[0];listCopy[1]=list[1]

然后在swiperChange里面,每次change的时候删掉一个listCopy已经显示的值,再加上一个未显示的值,比如第一次change删掉listCopy[0],再使listCopy[2]=list[2];

这样能始终保持swiper只渲染两条数据,当然可以不止2条,4、5、6条都可以,wx:for也要改成循环listCopy

使用懒加载的方式进行优化

估计强迫症看到75个点已经疯了

有点多。。如果没有一次滑一片的需求的话,可以只渲染3个,然后每次滚动都去设置列表和当前项

回到顶部