定义一个@mousemove事件
<button class="track-btn" @click="handleClick" @mousemove="move" >
<span><slot></slot></span>
</button>
move(e){
console.log(e)
//获取在元素里面的鼠标坐标
const x = e.pageX - e.target.offsetLeft;
const y = e.pageY - e.target.offsetTop;
}
理解pageX.Y和e.target.offsetLeft
pageX 是以Document 对象(即文本窗口)左上角为原点,定位x轴坐标
简单理解一下: