收藏
回答

swiper组件数据加载慢怎么办?

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

回答关注问题邀请回答
收藏

5 个回答

  • 有棱角的胖子
    有棱角的胖子
    2021-03-09

    好家伙 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

    2021-03-09
    有用 3
    回复 1
    • 哦
      2021-03-09
      好的,谢谢
      2021-03-09
      回复
  • 青团社
    青团社
    2021-04-07

    https://developers.weixin.qq.com/miniprogram/dev/extended/component-plus/video-swiper.html

    2021-04-07
    有用
    回复
  • less
    less
    2021-03-09

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

    2021-03-09
    有用
    回复
  • 微盟
    微盟
    2021-03-09

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

    2021-03-09
    有用
    回复
  • 卢霄霄
    卢霄霄
    2021-03-09

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

    2021-03-09
    有用
    回复
登录 后发表内容
问题标签