获取元素的大小及其相对于视口的位置，等价于 Element.getBoundingClientRect。
<div ref="root" />
import { ref, onMounted } from 'vue';
import { useRect } from '@vant/use';
export default {
setup() {
const root = ref();
onMounted(() => {
const rect = useRect(root);
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 |
备案信息： 粤ICP备15087711号-2
Copyright © 2008-2024 啊嘎哇在线工具箱 All Rights.
本站所有资料来源于网络，版权归原作者所有，仅作学习交流使用，如不慎侵犯了您的权利，请联系我们。