vue2怎么获取Dom元素的高度

在 Vue2 中获取 DOM 元素的高度可以使用以下方法：

1. 使用 `$refs`：在组件中给 DOM 元素添加 `ref` 属性，然后使用 `$refs` 获取该元素，再通过 `clientHeight` 或 `offsetHeight` 属性获取其高度。

例如，假设你的模板中有一个元素 `<div ref="mydiv">`，你可以在组件中使用以下代码获取其高度：

mounted() {
  const height = this.$refs.mydiv.clientHeight;
  console.log(height);
}

2. 使用 `document.getElementById()`：如果你在模板中给元素设置了 `id` 属性，你可以直接使用 `document.getElementById()` 获取该元素，然后通过 `clientHeight` 或 `offsetHeight` 属性获取其高度。

例如，假设你的模板中有一个元素 `<div id="mydiv">`，你可以在组件中使用以下代码获取其高度：

mounted() {
  const element = document.getElementById('mydiv');
  const height = element.clientHeight;
  console.log(height);
}

需要注意的是，以上两种方法都需要在 DOM 元素渲染完成后才能获取到正确的高度，因此建议在 `mounted` 钩子函数中使用。