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
发表评论