uni-app swiper内容高度自适应问题解决

使用swiper实现tab切换，根据内容高度动态设置swiper的高度，自适应

• 示例代码

<swiper @change="changeSwiper" :current="current" :style="[{height: swiperHeight+ 'px'}]">
	<swiper-item>
		<view class="swiper-item-content">自定义内容</view>
	</swiper-item>
</swiper>

// 获取内容高度
getCurrentSwiperHeight(element) {
	let query = uni.createSelectorQuery().in(this);
	query.selectAll(element).boundingClientRect();
	query.exec((res) => {
		console.log(res[0][this.current])
		this.swiperHeight = 50 + res[0][this.current].height;
	})
},
// 切换
viewChange(e) {
	this.current = e.target.current
	this.getCurrentSwiperHeight('.swiper-item-content');
},

• 页面加载完毕，获取内容高度设置

onLoad(option) {
	this.getCurrentSwiperHeight('.swiper-item-content');
},