QueryElRectMixin 查询节点信息

本minxin用于查询节点信息，使用时需要在页面中引入。

注意

必须保证此节点同时拥有id|class和ref属性，且id|class值和ref值相同。

建议使用唯一class，因为在微信小程序下，无法在自定义组件上设置id。

基本使用

queryRect('{#|.}名称')

<template>
    <c-page>
        <view id="test" ref="test"></view>
    </c-page>
</template>

<!-- 组合式 -->
<script setup>
import {onReady} from '@dcloudio/uni-app'
import {getCurrentInstance} from 'vue'
import {useQueryRect} from '../uni_modules/cook-uni/mixins/queryElRectMixin'

const instance = getCurrentInstance();
const queryRect = useQueryRect(instance);

onReady(()=>{
    console.log(queryRect('#test'))
})
</script>

<!-- 选项式 -->
<script>
import queryElRectMixin from '../uni_modules/cook-uni/mixins/queryElRectMixin'
export default {
    mixins: [queryElRectMixin],
    onReady(){
        console.log(this.queryRect('#test'))
    }
}
</script>