uniappswiper数量过多时卡顿优化方案微信小程序swiper优化
发布网友
发布时间:2023-04-28 22:58
我来回答
共1个回答
热心网友
时间:2023-10-31 00:02
swiper数量达到大约400+时候会出现明显滑动卡顿,渲染慢的问题,达到1000+时候需要几十秒时间,或者可能导致渲染失败。
配置 circular="true" 属性开启衔接滑动,即播放到末尾后重新回到开头。然后固定用于展示的swiper-item只设置3个,当滑动时候去替换展示的数据。这种方法可以展示几千万的数据展示都没问题。
//页面源码
1、swiper-item的key一定要设置,并且用 index 。
2、如果只有一张情况,不想让它来回滚动。可以设置 circular ,但是 circular 无法直接动态设置,我们可以使用 computed 来设置
https://gitee.com/xiaoguoyao/uni-app
热心网友
时间:2023-10-31 00:02
swiper数量达到大约400+时候会出现明显滑动卡顿,渲染慢的问题,达到1000+时候需要几十秒时间,或者可能导致渲染失败。
配置 circular="true" 属性开启衔接滑动,即播放到末尾后重新回到开头。然后固定用于展示的swiper-item只设置3个,当滑动时候去替换展示的数据。这种方法可以展示几千万的数据展示都没问题。
//页面源码
1、swiper-item的key一定要设置,并且用 index 。
2、如果只有一张情况,不想让它来回滚动。可以设置 circular ,但是 circular 无法直接动态设置,我们可以使用 computed 来设置
https://gitee.com/xiaoguoyao/uni-app