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官网

相关推荐
月忆36418 分钟前
等待组(waitgroup)
前端·爬虫·python
令狐寻欢21 分钟前
HTML中 的 meta 标签常用属性及其作用
前端·html
SynthWriter26 分钟前
Trae 帮我生成了一个贪吃蛇的游戏,好玩儿
前端
超级土豆粉36 分钟前
JavaScript 标签加载
开发语言·javascript·ecmascript
用户214118326360239 分钟前
dify案例分享-Dify+RSS 聚合 8 大平台实时热点,新闻获取效率飙升 300%
前端
百锦再41 分钟前
Razor编程中@Html的方法使用大全
前端·html
啪叽44 分钟前
JavaScript可选链操作符(?.)的实用指南
前端·javascript
Ian在掘金44 分钟前
bat+python实现easy connect自动连接
前端·python
代码搬运媛1 小时前
【react实战】如何实现监听窗口大小变化
前端·javascript·react.js
小桥风满袖1 小时前
Three.js-硬要自学系列30之专项学习环境光
前端·css·three.js