我目前使用的是 vant-ui 3.1.2 popup 弹出层组件,我想要获取弹出层的高度来计算一些东西,但是使用常规定义 ref dom 的方式总是无法获取,最终找到方案如下:
vant-ui 官方文档:https://vant-contrib.gitee.io/vant/v3/#/zh-CN/popup
代码语言:javascript复制<template>
<van-popup
v-model:show="show"
closeable
close-icon="close"
teleport="body"
ref="vantPop"
@open="openElements"
@close="closeElements"
>
</van-popup>
</template>
<script setup>
const vantPop = ref(null)
// 获取 vantPop 的高度
const popHeight = vantPop.value?.popupRef.value.clientHeight
</script>