vue3通过ref获取元素离顶部的距离
vue3版本 ^3.2.45
-
[ref].value.$el.getBoundingClientRect().top
- 通过ref获取元素。
- 使用
getBoundingClientRect().top
获取离顶部的距离
homeView.vue文章来源:https://www.toymoban.com/news/detail-612009.html
<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>
效果图
文章来源地址https://www.toymoban.com/news/detail-612009.html
到了这里,关于【Vue3】vue3通过ref获取元素离顶部的距离的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!