在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屬性了。