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>