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>
网友评论