1、如果事件直接綁定函數名稱,那么默認會傳遞事件對象作為事件函數的第一個參數;
2、如果事件綁定函數調用,那么事件對象必須作為最后一個參數顯示傳遞,並且事件對象的名稱必須是$event;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="app">
<div>{{num}}</div>
<div>
<!-- 1 -->
<button v-on:click='handle1'>點擊1</button>
<!-- 2 -->
<button v-on:click='handle2(123, 456, $event)'>點擊2</button>
</div>
</div>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript">
var vm = new Vue({
el: '#app',
data: {
num: 0
},
methods: {
handle1: function(event) {
console.log(event.target.innerHTML)
},
handle2: function(p, p1, event) {
console.log(p, p1)
console.log(event.target.innerHTML)
this.num++;
}
}
});
</script>
</body>
</html>