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

相关推荐
命运之光3 小时前
【最新】ChromeDriver最新版本下载安装教程,ChromeDriver版本与Chrome不匹配问题
前端·chrome
星离~5 小时前
Vue响应式原理详解:从零实现一个迷你Vue
前端·javascript·vue.js
2501_916008895 小时前
手机抓包app大全:无需root的安卓抓包软件列表
android·ios·智能手机·小程序·uni-app·iphone·webview
梦6505 小时前
React 简介
前端·react.js·前端框架
一只小阿乐5 小时前
react 中的判断显示
前端·javascript·vue.js·react.js·react
光影少年5 小时前
useMemo 和 React.memo区别
前端·react.js·前端框架
小沐°5 小时前
React-页码组件
前端·javascript·react.js
零一科技6 小时前
Vue3学习第三课: ref 与 reactive 选择指南
前端·vue.js
余杭子曰6 小时前
播放状态与播放序列的关系(999篇一线博客第107篇)
前端