SelectorQuery.in

将选择器的选取范围更改为自定义组件 component 内。

需特别注意选择不到自定义组件里的根元素。

参数说明

Object this

自定义组件实例

返回值

SelectorQuery

示例代码

// myComponent.vue
<template>
    <div class="cannot-get">
        <div class="can-get"></div> 
    </div>
</template>

<script>
  export default {
    mounted() {
        this.getRect();
    },
    methods: {
        getRect() {
            const query = bl.createSelectorQuery().in(this);
            query.select('.can-get').boundingClientRect(function(res){
                console.log(res.top) // 这个组件内 .can-get 节点的上边界坐标
            }).exec();
            // 需特别注意获取不到组件内根结点的元素！
            // query.select('.cannot-get').boundingClientRect(function(res){
            //     console.log(res) // null
            // }).exec();
        }
    }
}
</script>