vue 事件

vue 事件监听

用 v-on: 指令 , 可缩写为 @ , 如下例 :

<button v-on:click="counter += 1">增加 1</button>
<button @click="counter += 1">增加 1</button>

v-on:click 事件中获取当前dom元素

//原生js
//this指向当前元素
在onclick = "fn(this)"
​
//Vue中使用关键字 $event
v-on:click="fn($event)"
​
methods: {
    fn: function (e) {
        // 当前元素
        e.currentTarget;
        或 e.srcElement;
        或 e.target;
    }
}