小兔子,忻州市政府网,派车单格式
如下所示:
<!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获取鼠标位置的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持移动技术网。
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
vue 路由懒加载中给 Webpack Chunks 命名的方法
网友评论