vue2 获取可视高度

在Vue 2中，如果你想获取某个元素的实际可视高度，可以使用`getBoundingClientRect()`方法，它返回一个表示元素位置和尺寸的对象[^1]。以下是示例：

// 假设你有一个Vue组件内的ref绑定到DOM元素
let elementRef = this.$refs.myElement;

// 使用elementRef来获取可视区域的高度
const rect = elementRef.getBoundingClientRect();
const visibleHeight = rect.bottom - rect.top; // 这里得到了元素顶部到底部的可视部分高度

console.log("可视高度:", visibleHeight);

然而，如果你关心的是元素内容（不包括可能的滚动条）的总高度，即使部分内容未显示在视口中，可以考虑使用`scrollHeight`属性，它会返回元素内容的总高度，包括可能的溢出。

let contentHeight = elementRef.scrollHeight;
console.log("内容高度:", contentHeight);