1.以獲取到的數(shù)據(jù)為testData為例调窍,這里用swiperData來作為swiper循環(huán)顯示的數(shù)據(jù)來源黍衙。(<swiper-slide v-for="(item,index) in swiperData">),swiperData只取testData的3條數(shù)據(jù)蛤售。
2.滑動transitionEnd時烘豹,調(diào)用方法修改swiper-slide當(dāng)前定位(主要是定到3個中間的位置誓焦,不這樣處理的話胆敞,數(shù)據(jù)替代之后,slide還是停留在第3個slide;所以需要手動設(shè)置)
結(jié)果:swiper始終只維護3或3個以下的slide,使得即使是巨大數(shù)據(jù)量時移层,依然維持好的滑動體驗仍翰。
另外:swiper在ios滑動時會出現(xiàn)閃屏現(xiàn)象我在slide和slide的子結(jié)構(gòu)上加上:
transform:translate3d(0,0,0);
overflow:hidden;
閃屏現(xiàn)象基本消除,偶爾出現(xiàn)