El proyecto tiene un requisito. Necesita obtener la altura del nodo actual desde arriba. Originalmente se obtiene la ubicación del clic del mouse [$event.clientY], que es la altura desde arriba, pero provocará que desviación de la caja. Porque lo que se obtiene es la distancia desde el cursor hasta la parte superior, no la parte superior del cuadro.
Verifiqué varias propiedades y métodos para manipular nodos dom en Internet, pero siempre están indefinidos, por lo que simplemente abandoné el método de usar ref directamente para obtener dom más tarde. Todavía use $event para pasar el evento.
Más tarde pedí mucha información.
El código de la solución final: $event【Este es el evento de clic actualmente pasado】.currentTarget.offsetTop
Esta propiedad puede obtener la distancia desde la parte superior del cuadro actual hasta la parte superior de la página.
Si lo que necesita es la distancia desde el cursor hasta la parte superior, utilice $event.clientY
<div @click="top($event)"><div/>
top(e){
e.currentTarget.offsetTop
}