Vue 3 中动态获取高宽

0 阅读1分钟

转载

<template>
    <div ref="divDom"></div> //你可以手动或者换成可拖拉伸缩的盒子
</template>
 
 
<script setup>
import {useResizeObserver} from "@vueuse/core";
 
const divDom =ref();

useResizeObserver(divDom , (entries) => {
  const entry = entries[0]
  const { width, height } = entry.contentRect
  console.log(`width: ${width}, height: ${height}`);
})
</script>