使用以下方法“updateCoords”,必须提供'event'参数。以下div跟踪mousemove事件并通过方法实时更新游标x和y坐标。
{{x}} {{y}}
new Vue({
el: '#content',
data: {
x: 0,
y: 0
},
methods: {
updateCoords: function(event){
this.x = event.clientX;
this.y = event.clientY;
}
}
})
如果未通过事件,则此函数不起作用。因为X和Y坐标依赖于事件的最后位置,所以我们在这里传递一些东西是有道理的。但是这些数据如何存储?事件是否在自己内部跟踪和存储数据?
此外它似乎没有区别,如果我通过我的方法特殊的$事件变量或不。正在调用...
@mousemove="updateCoords($event)"
//is the same as
@mousemove="updateCoords()"
查看是否自动知道传入的事件参数是$ event?或者是$事件在其他特定情况下很重要?
2017-07-18
DMrFrost