v-on 事件中如何使用 event

答:

  • 使用不带圆括号的形式:event 对象将被自动当做实参传入。
  • 使用带圆括号的形式:需要使用 $event 变量显式传入 event 对象。
<div id="app">
  <button v-on:click="click($event, 233)">click me</button>
</div>
var app = new Vue({
  el: '#app',
  methods: {
    click(event, val) {
      console.log(typeof event) // object
      event.preventDefault()
      event.stopPropagation()
    }
  }
})

来源整理自:vue3js.cn 面试官系列