在 vue 中使用 事件对象e_vue3中的e参数

1、没有传参时直接使用。

<template>
<checkbox @change="cbStatusChanged"></checkbox>
</template>
 
 
<script>
export default {
     methods: {
         cbStatusChanged(e) {
            console.log(e)
        }
    }
}
</script>

 2、传参后借助 vue 内置的 $event 使用 事件对象e

<template>
<checkbox @change="($event, id)"></checkbox>
</template>
 
 
<script>
export default {
  methods: {
    cbStatusChanged(e, id) {
          console.log(e, id)
     }
    }
}
</script>

补充：还有另外一种使用 事件对象e 的方式

<template>
<checkbox @change="(e) => {cbStatusChanged(e, id)}"></checkbox>
</template>
 
 
<script>
export default {
  methods: {
    cbStatusChanged(e, id) {
          console.log(e, id)
     }
    }
}
</script>