vue3如何获取绑定的元素的高度
解决方案如下：
<template>
<view ref="documentAssistant" class="document-assistant"></view>
</template>
<script lang="ts">
import { computed, onMounted, reactive, ref } from "vue"
let documentAssistant = ref<any>()
let BaseStyle = reactive({
height: 0,
width: 0
})
onMounted(() => {
// 使用ResizeObserver监听尺寸变化并作出处理
let observer = new ResizeObserver((entries) => {
for (let entry of entries) {
BaseStyle.height = entry.contentRect.height
BaseStyle.width = entry.contentRect.width
}
})
observer.observe(documentAssistant.value)
})
// 计算高度
let height = computed(() => {
return BaseStyle.height - BaseStyle.width * 0.05
})
</script>
因篇幅问题不能全部显示，请点此查看更多更全内容