vue3使用 vant ui 3 如何获取组件 popup dom的高度?

我目前使用的是 vant-ui 3.1.2 popup 弹出层组件,我想要获取弹出层的高度来计算一些东西,但是使用常规定义 ref dom 的方式总是无法获取,最终找到方案如下:

vant-ui 官方文档:https://vant-contrib.gitee.io/vant/v3/#/zh-CN/popup

<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>

 

posted @ 2024-01-15 14:37  蓓蕾心晴  阅读(138)  评论(0编辑  收藏  举报