一、場景描述
vue中使用swiper做多個tab切換時,一般會加上autoHeight為true來自適應(yīng)不同swiper-slide的高度,這種情況在每個swiper-slide內(nèi)數(shù)據(jù)都是本地數(shù)據(jù)的時候,autoHeight都能正常計算swiper-container的高度,但當(dāng)swiper-slide中數(shù)據(jù)是接口獲取的數(shù)據(jù)時,由于異步加載數(shù)據(jù)的原因會導(dǎo)致swiper-container就算高度出現(xiàn)問題,導(dǎo)致頁面不能往下滑動的問題

banner中img是多張圖的組合,slide的高度會很大

swiper配置

接口獲取數(shù)據(jù)時,不能正常計算swiper-container的高度
二、粗魯?shù)慕鉀Q辦法

延時1000ms先設(shè)置swiper-container的高度,再設(shè)置成高度自適應(yīng)

延時后swiper-container高度渲染正常?