Vue中获取列表模块的高度

文章描述:

Vue在开发产品分类列表滚动的时候,会根据点击获取列表数据,怎么获取到列表模块的高度

template

<div ref="menuWrapper">
	<div class="shop-list">
		<p>1</p>
	</div>
	<div class="shop-list">
		<p>333</p>
		<p>333</p>
		<p>333</p>
	</div>
	<div class="shop-list">
		<p>22</p>
		<p>22</p>
	</div>
</div>

script

mounted(){
	let uls = this.$refs.menuWrapper.getElementsByClassName('shop-list')
	Array.from(uls).forEach(v=>{
		console.log(v.clientHeight)
	})
}

style

.shop-list p{
	padding: 10px 0;
}

 

发布时间:2022/07/22

发表评论