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

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

代码实现:

<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>

输出结果:

 

转载请说明出处内容投诉
CSS教程_站长资源网 » vue3 使用ref 获取 dom 元素的高度

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买