vue中獲取指定元素的高度需要使用$refs。$refs可以獲取指定的dom元素。
<template>
<div ref="myDiv">這是一個div元素</div>
</template>
<script>
export default {
mounted() {
const height = this.$refs.myDiv.offsetHeight;
console.log(height);
}
}
</script>
這里我們創(chuàng)建了一個div元素并給它設(shè)置了一個ref屬性為"myDiv"。在mounted生命周期中,我們通過this.$refs獲取myDiv元素的高度,然后將結(jié)果打印到控制臺。
需要注意的是,只有在mounted生命周期中才能獲取元素的高度,因為在mounted之前,vue還沒有創(chuàng)建并渲染元素。