vue要求点击div时，获取div距离顶部的距离。实现代码记录一下

<template>
    <div ref="searchBody"></div>
<template/>
 
<script>
export default {
    data() {
        return {
        }
    },
    methods: {
        getTop() {
          this.$refs.searchBody.getBoundingClientRect().top
        }
    }
}
</ script>