vue項目給鼠標添加樣式

先在最外層div綁定一個@mousemove.native="move_layer"，用來監聽鼠標移動事件。

HTML

<div style="position: absolute;z-index: 1" ref="Layer">
      <div style="width: 60px;height: 60px;background: rgba(86,213,226,0.5);border-radius: 50%"></div>
</div>

JavaScript

在methods里寫一個方法。
調整偏移量讓div在鼠標正中

move_layer () {
      this.$refs.Layer.style.left = event.clientX + document.body.scrollLeft - 30 + 'px'
      this.$refs.Layer.style.top = event.clientY + document.body.scrollTop - 90 + 'px'
},

最終效果

鼠標截不出來。。。🤨