uniapp swiper高度自适应的100%完美解决方案

Posted 骑着代马去流浪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uniapp swiper高度自适应的100%完美解决方案相关的知识,希望对你有一定的参考价值。

onReady() 
 //swiper高度自适应
 this.getElementHeight('.swiper-item2')
,
methods:
  getElementHeight(element) 
     setTimeout(()=>
       let query = uni.createSelectorQuery().in(this);
       query.select(element).boundingClientRect();
       query.exec((res) => 
         if (!res) //如果没获取到,再调一次
           this.getElementHeight();
         else 
           this.swiperHeight = res[0].height;
          
       )
     ,20)
  ,
}

通过setTimeOut设置高度,但好像存在获取不到的场景,因此判断空重新递归调用

以上是关于uniapp swiper高度自适应的100%完美解决方案的主要内容,如果未能解决你的问题,请参考以下文章

初试swiper插件-让页面自适应高度

实现小程序image图片宽度100%高度自适应

uniapp真机高度显示不全

宽度100%,高度自适应

小程序的image怎么自适应大小

swiper插件怎么设置响应式高度自适应?