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>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南