uni-app swiper数量过多时卡顿优化方案,微信小程序swiper优化

如题所述

第1个回答  2022-06-15
swiper数量达到大约400+时候会出现明显滑动卡顿,渲染慢的问题,达到1000+时候需要几十秒时间,或者可能导致渲染失败。

配置 circular="true" 属性开启衔接滑动,即播放到末尾后重新回到开头。然后固定用于展示的swiper-item只设置3个,当滑动时候去替换展示的数据。这种方法可以展示几千万的数据展示都没问题。

//页面源码

1、swiper-item的key一定要设置,并且用 index 。

2、如果只有一张情况,不想让它来回滚动。可以设置 circular ,但是 circular 无法直接动态设置,我们可以使用 computed 来设置

https://gitee.com/xiaoguoyao/uni-app