getRect(selector, all = false)

• selector 此参数为元素节点，可以是id或者class，比如”#user-name”，”.box”
• all 是否返回全部节点信息，当页面有多个相同selector的元素时，all为true，会以数组形式返回所有节点的信息(结果为数组，数组元素为对象)，否则只返回第一个节点的信息(结果为一个对象)

注意：该方法返回的结果，共有如下有用信息：

受限于nodesRef.boundingClientRect，其上结果中的left，top，right，bottom，是会随着页面滚动而变化的，因为这个查询的相对于屏幕窗口，而不是 相对于页面根元素的，但width，height，是恒定不变的，所以一般情况我们推荐您想要获取节点宽高的时候采用这个方法。

由于onLoad生命周期元素尚未创建完成，请勿在此生命周期使用此方法，如果是页面，应该在onReady生命周期，组件内应该在mounted生命周期调用。 如果要查询的目标，是通过服务端获取数据后才渲染的，那么应该在获取数据后，通过this.$nextTick调用此方法。

异步使用方法

通过then调用即可

export default {
    methods: {
        getElInfo() {
            this.$u.getRect('.user-avatar').then(res => {
                console.log(res);
            })
        }
    }
}

同步使用方法

请求数据后再获取节点信息

此场景为元素内容为后端获取数据填充的，节点填充数据前后，元素的大小尺寸是不一样的，所以需要在获取后再执行此方法，这里通过this.$nextTick调用， 是因为它会等待数据赋值，元素创建完成后再执行，此时才是准确的尺寸，以下演示，为uView自带的方法调用

<template>
    <view>
        <view class="user-name">
            {{userName}}
        </view>
</template>
<script>
    export default {
        data() {
            return {
                userName: ''
            }
        onLoad() {
            this.getElInfo();
        },
        methods: {
            getElInfo() {
                this.$u.post('http://www.example.com/user/info').then(res => {
                    this.userName = res.name;
                    this.$nextTick(() => {
                        this.$u.getRect('.user-avatar').then(rect => {
                            console.log(rect);
                        })
                    })
                })
            }
        }
    }
</script>

获取全部节点信息

设置第二个参数为true，此场景为页面有多个相同类名的元素，需要获取所有同类名节点信息时候使用，返回结果为一个数组

如何让让某个元素滚动到页面顶部

<template>
    <view class="wrap">
        <view class="item">
            uView UI
        </view>
        <view class="item">
            uView UI
        </view>
        <view class="item">
        </view>
        <view class="item">
            uView UI
        </view>
            点我，我就会滚动到导航栏下方
        </view>
    </view>
</template>
<script>
    export default {
        data() {
            return {
                scrollTop: 0,
            }
        },
        onPageScroll(e) {
            this.scrollTop = e.scrollTop;
        },
        methods: {
            scrollEl() {
                this.$u.getRect('.object-item').then(res => {
                    uni.pageScrollTo({
                        scrollTop: this.scrollTop + res.top,
                        duration: 0
                    })
                })
            }
        }
    }
</script>
<style lang="scss" scoped>
    .wrap {
        height: 200vh;