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 @   蓓蕾心晴  阅读(246)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
点击右上角即可分享
微信分享提示