vue offsettop
时间: 2023-06-30 14:19:53 浏览: 60
在 Vue 中获取元素的 offsetTop 可以使用以下方法:
1. 使用 ref 获取元素,然后通过 $refs 对象获取元素的 offsetTop 属性,例如:
```html
<template>
<div ref="myDiv">Hello World</div>
</template>
<script>
export default {
mounted() {
const offsetTop = this.$refs.myDiv.offsetTop;
console.log(offsetTop);
},
};
</script>
```
2. 使用 $nextTick 方法等待 Vue 更新 DOM 后再获取元素的 offsetTop 属性,例如:
```html
<template>
<div ref="myDiv">Hello World</div>
</template>
<script>
export default {
mounted() {
this.$nextTick(() => {
const offsetTop = this.$refs.myDiv.offsetTop;
console.log(offsetTop);
});
},
};
</script>
```
无论哪种方法,都需要注意在 mounted 钩子函数中使用,以确保元素已经被渲染到 DOM 中。