vue swiper 数据过多时卡顿的处理方法

当swiper-slide过多时，页面会非常卡顿，用户体验差，优化方式如下：

<swiper circular
   @change="swiperChange"
   ref="myNoCompleteSwiper"
    :options="NoCompleteSwipeOptions"
    class="NoCompletesSiper">
      <swiper-item
          v-for="(item, inx) in noCompleteUnitData" :key="inx"  class="swiperslide swiper-slide">
                   <!---你的渲染内容-->
        </swiper-item>
</swiper>

将swiper-slide 改成swiper-item,在swiper-item加上calss="swiper-slide"就能避免初始化时swiper-slide过多造成页面卡顿问题

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容