vue实战(3)——vue中swiper-slide中异步加载数
2018-05-24 本文已影响0人
wayne1125
一、场景描述
vue中使用swiper做多个tab切换时，一般会加上autoHeight为true来自适应不同swiper-slide的高度，这种情况在每个swiper-slide内数据都是本地数据的时候，autoHeight都能正常计算swiper-container的高度，但当swiper-slide中数据是接口获取的数据时，由于异步加载数据的原因会导致swiper-container就算高度出现问题，导致页面不能往下滑动的问题
banner中img是多张图的组合，slide的高度会很大
swiper配置
接口获取数据时，不能正常计算swiper-container的高度
二、粗鲁的解决办法
延时1000ms先设置swiper-container的高度，再设置成高度自适应
延时后swiper-container高度渲染正常
