工作记录之Vue中当前dom节点到页面顶部的距离

项目有个需求，需要获取当前节点距离顶部的高度，原来获取的是鼠标点击的位置【$event.clientY】，距离顶部高度，但会导致盒子的偏差问题。因为获取的是光标处距离顶部的距离，而不是盒子顶部。

在网上查了各种操作dom节点的各种属性，还有各种方法，始终是undefined,，后面索性就放弃直接用ref拿dom的方法了。依旧用$event传进来的事件。

后面又查询了很多资料

最终解决的代码：$event【这个是当前传进来的点击事件】.currentTarget.offsetTop

这个属性可以获取当前盒子顶部到页面顶部的距离。

如果你需要的是光标处距离顶部的距离，请用$event.clientY

<div @click="top($event)"><div/>

top(e){
e.currentTarget.offsetTop 
}