vue获取dom高度

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

1. 使用`ref`属性获取DOM元素的引用，然后通过`$refs`来访问元素的属性，例如：

<template>
  <div ref="myElement">Hello World</div>
</template>

<script>
export default {
  mounted() {
    const height = this.$refs.myElement.offsetHeight;
    console.log(height);
  }
}
</script>

2. 使用`document.querySelector`或`document.getElementById`等原生方法来获取DOM元素，例如：

<template>
  <div id="myElement">Hello World</div>
</template>

<script>
export default {
  mounted() {
    const element = document.getElementById('myElement');
    const height = element.offsetHeight;
    console.log(height);
  }
}
</script>

3. 使用Vue的指令`v-el`来获取DOM元素的引用，然后通过`$els`来访问元素的属性，例如：

<template>
  <div v-el:myElement>Hello World</div>
</template>

<script>
export default {
  mounted() {
    const height = this.$els.myElement.offsetHeight;
    console.log(height);
  }
}
</script>

以上是获取DOM元素高度的几种常见方法，根据具体的需求选择合适的方法即可。