uniapp获取swiper中子组件的内容高度

swiper有默认高度,如果不单独设置一个具体高度,swiper后面的内容将不会展示

这里展示的例子是: swiper中放有一个子组件,想要完整展示子组件的内容,swiper就需要获取到子组件的内容高度并设置

html 复制代码
	<!-- 注意: 这里的单位是 px,不是rpx -->
	<swiper @change="onChangeTab" :current="navIndex" :style="'height:'+clentHeight+'px'">
		<swiper-item>
			<view class="recommend-height">
				<Recommend></Recommend>	
			</view>
		</swiper-item>		
	</swiper>
javascript 复制代码
// 获取swiper内容的整体高度 
 onReady() { 
	let view = uni.createSelectorQuery().select('.recommend-height')
	view.boundingClientRect((data) => {
		this.clentHeight = data.height
		console.log(data.height)
	}).exec()
 },
相关推荐
阿巴阿巴Ovo13 分钟前
uniapp中多角色导致tabbar过多的解决方式
uni-app
Json____3 小时前
学法减分交管12123模拟练习小程序源码前端和后端和搭建教程
前端·后端·学习·小程序·uni-app·学法减分·驾考题库
云深时现月4 小时前
jenkins使用cli发行uni-app到h5
前端·uni-app·jenkins
diygwcom5 小时前
低代码可视化-uniapp开关选择组件-低码生成器
uni-app
fakaifa17 小时前
CRMEB Pro版v3.1源码全开源+PC端+Uniapp前端+搭建教程
前端·小程序·uni-app·php·源码下载
转角羊儿17 小时前
uni-app请求方法封装⑦
uni-app
java知路17 小时前
uniapp h5实现录音
uni-app
haodanzj19 小时前
在uniapp中封装请求接口 (带刷新token)
前端·javascript·uni-app
空&白20 小时前
uniapp h5地址前端重定向跳转
前端·uni-app
工业互联网专业20 小时前
Python毕业设计选题:基于Django+uniapp的公司订餐系统小程序
vue.js·python·小程序·django·uni-app·源码·课程设计