vue 获取元素高度
1、html<div ref="getheight"></div> <br><br>2、JavaScript// 获取高度值 (内容高+padding+边框)letheight=this.$refs.getheight.offsetHeight;// 获取元素样式值 (存在单位)letheight = window....
·
1、html
<div ref=
"getheight"
></div> <br><br>
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)
})
}
更多推荐
已为社区贡献17条内容
所有评论(0)