跨境派

跨境派

跨境派,专注跨境行业新闻资讯、跨境电商知识分享!

当前位置:首页 > 跨境学堂 > vue3 使用ref 获取 dom 元素的高度

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

时间:2024-04-07 17:30:33 来源:网络cs 作者:付梓 栏目:跨境学堂 阅读:

标签: 高度  使用  获取 
阅读本书更多章节>>>>

代码实现:

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

输出结果:

 

阅读本书更多章节>>>>

本文链接:https://www.kjpai.cn/xuetang/2024-04-07/155233.html,文章来源:网络cs,作者:付梓,版权归作者所有,如需转载请注明来源和作者,否则将追究法律责任!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。

文章评论