vue 取出上一层div层的高度
时间: 2023-07-07 13:06:32 浏览: 66
vue 弹出遮罩层样式实例
你可以使用 $refs 来获取上一层的 div 元素,然后通过 JavaScript 的 offsetHeight 属性来获取其高度。具体代码如下:
```html
<template>
<div ref="parent">
<div>
<!-- 子元素 -->
</div>
</div>
</template>
<script>
export default {
mounted() {
// 获取上一层 div 元素的高度
const parentHeight = this.$refs.parent.offsetHeight;
console.log(parentHeight);
}
};
</script>
```
在上面的代码中,我们通过 $refs.parent 获取到上一层 div 元素,并通过 offsetHeight 属性获取到其高度。
阅读全文