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

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

javascript 复制代码
<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打印的值

javascript 复制代码
{
    "id": "domId",
    "dataset": {},
    "left": 0,
    "right": 484,
    "top": 0,
    "bottom": 282,
    "width": 484,
    "height": 282
}
相关推荐
x原力觉醒5 小时前
uniapp跨域问题,在开发环境中配置
javascript·vue.js·uni-app
小威编程6 小时前
uni-app应用级生命周期和页面级生命周期
前端·vue.js·uni-app
江-月*夜6 小时前
uniapp vuex 搭建
android·javascript·uni-app
圈圈的熊6 小时前
uniapp 使用 websocket
uni-app
计算机学姐11 小时前
基于uniapp微信小程序的旅游系统
vue.js·spring boot·mysql·算法·微信小程序·uni-app·旅游
计算机学姐11 小时前
基于uniapp微信小程序的宠物救助宠物领养系统
vue.js·spring boot·mysql·微信小程序·小程序·uni-app·宠物
大牛哥哥12 小时前
uni-app @click.stop @click.stop.native均不生效
javascript·vue.js·uni-app
赵锦川12 小时前
微信小程序 uniapp 腾讯地图的调用
微信小程序·小程序·uni-app
计算机学姐12 小时前
基于uniapp微信小程序的校园二手书交易系统
java·vue.js·spring boot·mysql·微信小程序·java-ee·uni-app
我有一个object20 小时前
uniapp的IOS证书申请(测试和正式环境)及UDID配置流程
javascript·ios·uni-app·vue