在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 在React中引用了swiper.js,如何解決swiper渲染慢,且頁面切換后

在React中引用了swiper.js,如何解決swiper渲染慢,且頁面切換后swiper變卡頓的問題?

目前我在用React寫移動端頁面,有一個頁面引用了Swiper@4.2.2版本。頁面之間進行路由切換時,Swiper就渲染得特別慢。而且,頁面切換幾次之后,swiper就變得卡頓。

我是這樣使用swiper的:

new Swiper(".swiper-container", {
  pagination: {
    el: ".swiper-pagination"
  },
  initialSlide: swiperIndex,//設定初始化時slide的索引
  watchOverflow: true,
  observer: true, //修改swiper自己或子元素時,自動初始化swiper
  observeParents: true, //修改swiper的父元素時,自動初始化swiper
  on: {
    slideChangeTransitionStart: function(event) {
      matchIndex=this.activeIndex;
      
    }
  }
});
回答
編輯回答
久不遇

組件生命周期結束函數里銷毀創(chuàng)建的Swiper實例
創(chuàng)建Swpier時用ref屬性來指定Swiper容器,不用className

2017年4月28日 18:39