如下所示：
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="js/vue.js" ></script><style>#canvas{width: 500px;height: 500px;text-align: center;line-height: 500px;border: 1px solid #E5E5E5;margin: 0 auto;margin-top: 100px;}</style></head><body><div id="app"><div id='canvas' @mousemove='updateXY'>{{x}} {{y}}</div></div><script>new Vue({el:'#app',data:{x:0,y:0},methods:{updateXY:function(event){this.x=event.offsetX;this.y=event.offsetY}}})</script></body></html>以上這篇vue2.0獲取鼠標位置的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。
新聞熱點
疑難解答
