定義一個@mousemove事件
<button class="track-btn" @click="handleClick" @mousemove="move" >
<span><slot></slot></span>
</button>
move(e){
console.log(e)
//獲取在元素里面的鼠標(biāo)坐標(biāo)
const x = e.pageX - e.target.offsetLeft;
const y = e.pageY - e.target.offsetTop;
}
理解pageX.Y和e.target.offsetLeft
pageX 是以Document 對象(即文本窗口)左上角為原點,定位x軸坐標(biāo)
簡單理解一下:

image.png