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()
 },
相关推荐
HWL56798 小时前
uni-app的生命周期
前端·vue.js·uni-app
一颗小青松8 小时前
uniapp设置安卓 ios 自定义启动页
uni-app
仙古.梦回~8 小时前
uniapp中使用plus对象实现经典蓝牙
uni-app
2501_915918419 小时前
基于Mach-O文件的动态库与静态库归属方案及API扫描实践
android·ios·小程序·https·uni-app·iphone·webview
2501_915106329 小时前
iOS 证书无法跨电脑使用?签名迁移方法一文讲透
android·ios·小程序·https·uni-app·iphone·webview
小王码农记9 小时前
uniapp中使用vuex
uni-app
HWL56799 小时前
uni-app中路由的使用
前端·uni-app
万物得其道者成9 小时前
uni-app App 端不支持 SSE?用 renderjs + XHR 流式解析实现稳定输出
前端·javascript·uni-app
WeirdoPrincess9 小时前
iOS 打包签名资料准备指南(HBuilderX / uni-app)
ios·uni-app
笨笨狗吞噬者1 天前
维护 uniapp 小程序端近一年,我想拉一个开发者交流群
前端·程序员·uni-app