Vue 获取事件的 event 对象(2种方式)

Vue 获取事件的 event 对象(2种方式)

<template>
<div>
  <button @click="onClick">点击</button>
</div>
</template>

<script>
export default {
  methods: {
    onClick(e) {
      console.log(e);
    }   
  }
}
</script>

方式二: $event

特殊变量 $event。 内联处理器中的方法和API 指 v-on中都有介绍。

必须是 $event 的写法，该参数位置可随意，也可放在第一个。

<template>
<div>
  <button @click="onClick('hello', $event)">点击</button>
  <button @click="onClick($event, 'hello')">点击</button>
</div>
</template>

<script>
export default {
  methods: {
    onClick(str, e) {
      console.log(str, e);
    }   
  }
}
</script>