vue3 使用ref 获取 dom 元素的高度

开开酷酷 2024-06-11 13:33:03 阅读 53

代码实现:

<template> <div ref="mains" class="search"></div></template><script setup lang="ts">import { ref, onMounted } from 'vue'const mains = ref()onMounted(() => { const height = mains.value.clientHeight console.log(height, 1234)})</script><style scoped lang="less">.search { width: 100px; height: 100px; margin: 0 auto; background-color: greenyellow;}</style>

输出结果:

 



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。