javascript - vue 如何获取组件自身高度

问题描述

问 题

由于要做一个可变化长高的弹出框，需要定位，弹出框可能在底部弹出也可能在头部弹出，但内容由于是可变的，需要计算它的高度来显示向上弹还是向下弹，目前在组件内如何得到他的高度
目前我的做法是在created()中使用classname得到组件的DIV但由于初始在data()中将组件高度默认了0,
在created中改变data()中的height,但得不到DIV

created() {

let cur = document.querySelectorAll("div[class='Pop-Over']");
console.log(cur);
let curHeight = cur.height;
console.log(curHeight);
}

打印结果curHeight为undefind,求办法

解决方案

element.offsetHeight
// 在vue中请使用ref获取真实DOM
// 在mounted钩子中调用，该钩子是DOM渲染完之后触发的

这篇关于javascript - vue 如何获取组件自身高度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！