vue 获取元素高度

最新推荐文章于 2025-06-16 18:41:56 发布

weixin_30446197

最新推荐文章于 2025-06-16 18:41:56 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lymconch/p/11286971.html

1、html
<div ref="getheight"></div> 


2、JavaScript
// 获取高度值 （内容高+padding+边框）
let height= this.$refs.getheight.offsetHeight;  

// 获取元素样式值 （存在单位）
let height = window.getComputedStyle(this.$refs.getheight).height; 

//获取元素内联样式值（非内联样式无法获取）
let height = this.$refs.getheight.style.height; 


// 注意：要在元素渲染出来才能获取元素的高度
实例：
 mounted(){
	this.$nextTick(()=>{ // 页面渲染完成后的回调
		console.log(this.$refs.getheight.offsetHeight)
	})
}

转载于:https://www.cnblogs.com/lymconch/p/11286971.html