uni-app开发中经常会获取指定view元素高度、宽度、距离顶部的高度等信息。如果所需要获取的元素为固定宽高，位置等数据。

那么获取这些基础数据则会十分简单，但如果所需要获取的view元素为动态宽高。那么如何使用uni-app来获取其对应数据呢？

本篇文章就来介绍在uni-app中如何获取动态view元素的宽高及距离顶部高度。完整代码如下：

页面代码

<view class="test">获取该元素距离顶部高度，该元素宽度、高度等信息</view>

js代码：

let _this = this
const query = uni.createSelectorQuery().in(this);
query.select('.test').boundingClientRect(data => {
	console.log(data)
}).exec();

boundingClientRect可获取数据信息：

    left：节点的左边界坐标

    right：节点的右边界坐标

    top：节点的上边界坐标

    bottom：节点的下边界坐标

    width：节点的宽度

    height：节点的高度