var vm = new Vue({
el : "#app",
data : {
counter: 0,
name : "Hello "
},
methods:{
greet : function (str, event) {
// `this` 在方法里指向当前 Vue 实例
alert(this.name + str);
// `event` 是原生 DOM 事件
if (event) {
alert(event.target.tagName)
}
console.log(event);
}
}
})
<script src="https://unpkg.com/vue"></script>
<div id="app">
<div id="example-1">
<button v-on:click="counter += 1"> 数值 : {{ counter }} </button><br />
<!-- $event将原始DOM事件传入方法 -->
<button v-on:dblclick="greet('abc', $event)">Greet</button>
</div>
</div>
body,td,th {color: #DDDDDD}