Events 事件的行为,以及Vue.js中的$event变量
对于下面的方法“UpdateCords”,有必要提供“event”参数。下面的div跟踪mousemove事件,并通过方法实时更新光标的x和y坐标Events 事件的行为,以及Vue.js中的$event变量,events,vue.js,arguments,Events,Vue.js,Arguments,对于下面的方法“UpdateCords”,有必要提供“event”参数。下面的div跟踪mousemove事件,并通过方法实时更新光标的x和y坐标 <div id="content"> <div @mousemove="updateCoords($event)" style="height:400px;width:400px;border:2px solid black;"> {{x}} {{y}} </div> </div> &
<div id="content">
<div @mousemove="updateCoords($event)" style="height:400px;width:400px;border:2px solid black;">
{{x}} {{y}}
</div>
</div>
<script>
new Vue({
el: '#content',
data: {
x: 0,
y: 0
},
methods: {
updateCoords: function(event){
this.x = event.clientX;
this.y = event.clientY;
}
}
})
</script>
view是否自动知道传入事件参数是$event?或者$event对于在其他特定情况下使用很重要吗???默认情况下,处理程序接收
$event
作为其参数。你可以用
,在这种情况下,如果希望
$event
成为参数之一,则需要包含它。默认情况下,处理程序将$event
作为其参数接收。你可以用
,在这种情况下,如果希望$event
成为参数之一,则需要包含它
@mousemove="updateCoords($event)"
//is the same as
@mousemove="updateCoords()"