vue3 使用ref 获取 dom 元素的高度
代码实现:
import { ref, onMounted } from 'vue'
const mains = ref()
onMounted(() => {
const height = mains.value.clientHeight
console.log(height, 1234)
})
.search {
width: 100px;
height: 100px;
margin: 0 auto;
background-color: greenyellow;
}
输出结果:

本文来自网络,不代表协通编程立场,如若转载,请注明出处:https://net2asp.com/c5ed8b945a.html
相关推荐
-
【mp-html】小程序富文本组件(页面内嵌html)
文章目录 前言 一、mp-html是什么? 二、使用方法 1.原生平台 1.npm 方式: 2.源码引入 2.uniapp平台 1.uni-modules 方式 2.源码方式 3….
1天前 -
Android 开发中的权限申请
一、权限动态申请 我们都知道,从 Android 6.0 开始,部分危险权限在 xml 注册的同时,还需要动态申请。 1、需要动态申请的权限 Manifest.pe…
移动开发 1天前 -
ElementUI之登陆+注册->饿了吗完成用户登录界面搭建,axios之get请求,axios之post请求,跨域,注册界面
饿了吗完成用户注册登录界面搭建 axios之get请求 axios之post请求 跨域 注册界面 1.饿了吗完成用户注册登录界面搭建 将端口号8080改为8081 导入依赖,在项…
1天前 -
Flutter:功能型组件(2)- 弹出菜单、弹出提示
弹出菜单 PopupMenuButton 使用PopupMenuButton,点击时弹出菜单 Center( child: PopupMenuButton( initialValu…
1天前 -
Windows 搭建Flutter开发环境教程
Flutter 之 Windows 环境搭建教程(全网最全,亲测有效 2024 年 1月 24 日更新) Flutter SDK 安装 下载地址: 国内加速访问:https://f…
1天前 -
安装 JDK+配置环境变量+安装 Android-sdk
1.1 安装 jdk 1.2 默认开发工具,下一步,记住安装路径,配置环境变量 时,需要使用, C:\Program Files\Java\jdk1.8.0_131\ 【我的安装…
1天前 -
热乎的过万字GameFramework讲解笔记文档
往期文章分享 点击跳转=>《导航贴》- Unity手册,系统实战学习 点击跳转=>《导航贴》- Android手册,重温移动开发 本文约15千字,新手阅读需要27分钟,…
1天前 -
python爬取微信小程序数据,python爬取小程序数据
大家好,小编来为大家解答以下问题,python爬取微信小程序数据,python爬取小程序数据,现在让我们一起来看看吧! 一、前言 最近需要获取微信小程序上的数据进行分析处理,第一时…
1天前 -
推荐几个开源H5小程序低代码工具
移动APP、H5、小程序曾风靡一时,结合当前无代码/低代码开发技术,有哪些免费开源的移动端H5/小程序软件,不用写代码即可发布H5页面,笔者对市场上主流的开源H5低代码/无代码工具…
1天前 -
zsh: command not found: 解决Mac终端指令失效问题
zsh: command not found: 解决Mac终端指令失效问题 在配置maven和Java环境变量使用终端的时候遇到了zsh: command not found:的问…
移动开发 1天前
