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

蓓蕾心晴

发布于 2024-01-16 08:35:19

2560

发布于 2024-01-16 08:35:19

我目前使用的是 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>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2024-01-15，如有侵权请联系 cloudcommunity@tencent.com 删除

dom