获取元素的大小及其相对于视口的位置，等价于 Element.getBoundingClientRect。
<div ref="root" />
import { ref } from 'vue';
import { useRect } from '@vant/use';
export default {
setup() {
const root = ref();
const rect = useRect();
console.log(rect); // -> 元素的大小及其相对于视口的位置
return { root };
},
}; function useRect(
element: Element | Window | Ref<Element | Window | undefined>
): DOMRect;
| 参数 | 说明 | 类型 |
|---|---|---|
| width | 宽度 | number |
| height | 高度 | number |
| top | 顶部与视图窗口左上角的距离 | number |
| left | 左侧与视图窗口左上角的距离 | number |
| right | 右侧与视图窗口左上角的距离 | number |
| bottom | 底部与视图窗口左上角的距离 | number |