uniapp动态获取swiper的高度

布局一下高度为动态的
在这里插入图片描述

<swiper 
  class="swiper" 
  :style="{height: windowHeight + 'px'}"
  :current="currentTab"
  @change="onSwiperChange">
<swiper>
data() {
  return {                       
    windowHeight: '',  // 页面高度          
  }
},

methods:{
	init() {
	const res = uni.getSystemInfoSync();
    this.windowHeight = res.windowHeight;
	}
}

this.$nextTick(() => {
	//获取节点代码
	var query = uni.createSelectorQuery();
	//获取节点
	      
    query.select(`.news-box-${currentTab}`).boundingClientRect(res => {
     //判断是否未true
     if (res) {
     //当前元素高度
     this.windowHeight = res.height;
     //页面高度+循环体高度等于总高度
     }
   }).exec();
  })
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值