Vue 获取元素高度 - Javascript

在 Vue 中，如果需要获取元素的高度，可以使用 ref 来获取到元素的引用，然后通过 this.$refs 来访问该元素的属性和方法。

以下是获取元素高度的代码示例：

<template>
  <div ref="element" @click="getElementHeight">元素</div>
</template>

<script>
export default {
  methods: {
    getElementHeight() {
      const height = this.$refs.element.clientHeight;
      console.log(height);
    },
  },
};
</script>

在上面的代码示例中，我们首先通过 ref 属性给元素取个名字，然后在 methods 中编写 getElementHeight 方法，该方法使用 $refs 来访问 element 元素的 clientHeight 属性，从而获取元素的高度。

接下来，我们在元素上绑定 click 事件，当元素被点击时，会执行 getElementHeight 方法，该方法会在控制台输出元素的高度。

需要注意的是，在使用 $refs 访问元素之前，必须确保该元素已经被渲染到页面上，否则会触发访问未定义的错误。

以上就是使用 Vue 获取元素高度的方法，希望对大家有所帮助。