前军教程网

可以使用`ref`和`onMounted`来获取滚动高度。

首先，在模板中给需要获取滚动高度的元素加上`ref`属性，例如：

<template>

<div ref="scrollWrapper" class="scroll-wrapper">

<!-- 内容 -->

</div>

</template>

然后，在`<script setup>`中通过`ref`获取该元素，并在`onMounted`生命周期钩子中监听其滚动事件来获取滚动高度，例如：

<script lang="ts" setup>

import { ref, onMounted } from 'vue'

const scrollWrapperRef = ref<HTMLDivElement | null>(null)

const scrollHeight = ref(0)

onMounted(() => {

if (scrollWrapperRef.value) {

scrollWrapperRef.value.addEventListener('scroll', () => {

scrollHeight.value = scrollWrapperRef.value?.scrollTop

})

}

})

</script>

这样，在`scrollHeight`变量中就可以获取到滚动高度了。