uniapp 获取 view 的宽度、高度以及上下左右左边界位置

复制代码
<view class="cont-box"></view>

/* 获取节点信息的对象 */
getElementRect() {
  const query = uni.createSelectorQuery().in(this);
  query
    .select(".cont-box")
    .boundingClientRect(res => {
      console.log(res);
      console.log(res.height); // 102.85714721679688
    })
    .exec();
}

boundingClientRect 返回的 res 结果(以像素[px]为单位)

属性 类型 说明
id String 节点的 ID
dataset Object 节点的 dataset
left Number 节点的左边界坐标
right Number 节点的右边界坐标
top Number 节点的上边界坐标
bottom Number 节点的下边界坐标
width Number 节点的宽度
height Number 节点的高度

更多可参考:uni.createSelectorQuery() | uni-app官网

相关推荐
dreamsever几秒前
OpenTelemetry可观测系统之Metrics学习
java·前端·学习
Bacon2 分钟前
装上就回不去了:CodeGraph 让 AI 编程效率飙升 92%,它到底做了什么?
前端·人工智能·后端
hadeas11 分钟前
Spring 技术栈学习文档(面向前端开发者)
前端
狗头大军之江苏分军17 分钟前
Python 协程进化史:从 yield 到 async/await 的底层实现
前端·后端
jay神40 分钟前
基于YOLOv8的交通标志识别Web系统
前端·人工智能·深度学习·yolo·机器学习·毕业设计
CAD老兵1 小时前
一张 HTML 走天下:CAD-Viewer 首创的「离线 CAD 看图」
前端·javascript·github
程序员榴莲1 小时前
Python 中的 @property:像访问属性一样调用方法
开发语言·前端·python
yingyima1 小时前
Linux定时任务:crontab vs systemd timer,到底谁更适合你的业务?
前端
有味道的男人2 小时前
1688 跨境 API:多语言、跨境代采、独立站商品同步方案
java·服务器·前端
大师兄66682 小时前
HarmonyOS 服务卡片开发之JS 卡片开发
javascript·华为·harmonyos·harmonyos6·formkit