swiper高度自适应问题

swiper高度自适应问题

一、问题原因

        swiper内每项的列表数据是不固定的，当一个swiper-slide内容过多将swiper高度撑大，因swiper是一个切换内容显示的容器，容器会按照最大的高度展示，导致数据量少的swiper-slide项依然可以向下滑动。（尝试使用swiper的autoHeight：true，swiper的初始化高度默认读取swiper-slide的offsetHeight，代码中实际获取的offsetHeight为一个item的高度，导致显示有误）

 

二、解决方法

       1、在swiper组件监听每一项swiper-slide的高度，当切换swiper时，获取swiper-slide的高度，将这个高度赋值给swiper，进而实现swiper的高度自适应。

       2、重要代码罗列：     

      swiper监听代码

                        

     swiper-slide中监听当前项的高度，反馈给swiper