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

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

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

<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/a/370405.html

相关文章:

  • redis的string是怎么实现的
  • vue3取消跟踪auto-imports.d.ts,components.d.ts这两个文件的变化
  • 新魔百和HG680LC-LY,CM311-1,860av32等热门固件汇总
  • InnoDB 存储引擎<一>InnoDB简介与MySQL存储架构及相关数据结构
  • Oracle 第5章:表与数据操作
  • 【ARM 嵌入式 编译系列 10.4.1 -- ELF 文件结构详细介绍】
  • 大模型系列——AlphaZero/强化学习/MCTS
  • 解决milvus migration 迁移数据到出现数据丢失问题
  • 如何在Django中使用模板
  • 使用linuxdeployqt打包Qt程序问题及解决方法
  • 66Analytics 汉化版,网站统计分析源码,汉化前台后台
  • 达梦数据迁移工具DTS使用实践
  • GoogleChrome的安装和使用
  • 海洋生物图像分割系统:一键训练
  • Redis未授权访问及配合SSRF总结
  • 67.基于 DDR3 SDRAM 的 TFT_LCD 图像显示
  • springdata同时集成mongodb和elasticsearch异常
  • DispatchingController
  • 云计算平台上的DevOps实践
  • Docker Compose 发布一个 Node.js 项目