当前位置: 首页 > article >正文

uniapp通过id获取dom的宽度,高度,位置等(应该是 任意平台都通用 )

uniapp通过id获取dom的宽度,高度,位置等( 任意平台都通用 )

<template>
	<view class="" id="domId"></view>
</template>

// 如果获取的dome高度等不对,还需要加上延迟setTimeout(()=>{ }, 100)
this.$nextTick(() => {
	const query = uni.createSelectorQuery().in(this);
	query
		.select('#domId')
		.boundingClientRect((dome) => {
			console.log(dome)
		})
		.exec();
})

console.log打印的值

{
    "id": "domId",
    "dataset": {},
    "left": 0,
    "right": 484,
    "top": 0,
    "bottom": 282,
    "width": 484,
    "height": 282
}

http://www.kler.cn/news/368256.html

相关文章:

  • K8s安装手册
  • 100种算法【Python版】第10篇——深度优先搜索
  • 解决pycharm无法添加conda环境的问题【Conda Environment下没有Existing environment】
  • Ansible 批量部署
  • 尚硅谷redis 第150节答疑 String源码sds
  • Python -- 网络爬虫
  • member access within null pointer of type ‘ListNode‘
  • 在浏览器里就可以运行的本地AI模型 - 一键去除图片背景AI
  • Handler、Looper、message进阶知识
  • Tkinter包文件对话框模块中的FileDialog类简介
  • C语言:水仙花树,要求三位以上的N位整数每位的N次方等于数本身,全部输出出来
  • 标题:机器学习实战:从理论到应用的深度探索
  • react18中的useEffect和useLayoutEffect的原理分析
  • 多楼层智能穿梭:转运机器人助力制造业转型升级
  • Golang | Leetcode Golang题解之第513题找树左下角的值
  • ASP.NET Core开发Chatbot API
  • 算法2—八大常用排序算法(下)
  • 深度探索C++对象模型
  • Unity编辑器制作多级下拉菜单
  • C++二级2023.9题及答案 -- 部分题
  • PHP短视频实训平台系统小程序源码
  • c# Solidworks二次开发---添加属性
  • 【mod分享】极品飞车10魔改模组,全新UI,全新道路,全新建筑,高清植被,全新的道路围栏,全新的天空,体验另一种速度与激情
  • DNS系统和ICMP协议
  • UVM初学篇 -(22)UVM field_automation 域的自动化机制
  • nfs服务器实验