vue3通过ref获取元素离顶部的距离
vue3版本 ^3.2.45
[ref].value.$el.getBoundingClientRect().top
- 通过ref获取元素。
- 使用
getBoundingClientRect().top
获取离顶部的距离
homeView.vue
<div ref="mTab" >........</div><script>import { ref } from 'vue';export default {name: 'home',setup() {const mTab = ref(null)//....console.log(mTab.value.$el.getBoundingClientRect().top);//.....return {mTab,};},}</script>