在Vue中，可以通过ref属性来获取DOM元素，并使用scrollHeight属性来获取元素的滚动高度。以下是一个示例代码：
<template>
<div ref="scrollContainer" style="overflow-y: scroll; height: 200px;">
<!-- content here -->
</div>
</template>
<script>
export default {
mounted() {
// 获取DOM元素
const scrollContainer = this.$refs.scrollContainer;
// 获取元素的滚动高度
const scrollHeight = scrollContainer.scrollHeight;
console.log('滚动高度:', scrollHeight);
}
}
</script>
在上面的代码中，我们在mounted钩子函数中获取了ref为"scrollContainer"的DOM元素，并使用scrollHeight属性获取了该元素的滚动高度，并将其输出到控制台中。这样就可以在Vue中应用scrollHeight属性了。
