vue3事件处理

参数

1. 仅使用event，则引用事件名时不必传参

 <div @click="addHandle" type="primary">
      新增分组
  </div>
function addHandle(e) {
    console.log(e)
}

2. 仅使用自定义参数，引用事件名时需要传自定义的参数(若需多个参数，直接使用逗号拼接即可)

<div @click="addHandle('我是一个参数')" type="primary">
      新增分组
 </div>
function addHandle(val) {
    console.log(val) // 我是一个参数
}

<div @click="addHandle('参数1', '参数2')" type="primary">
      新增分组
 </div>
function addHandle(val) {
    console.log(val1, val2) // 参数1 参数2
}

3. 使用自定义参数的同时使用event

<div @click="addHandle('参数1', $event)" type="primary">
    新增分组
</div>
function addHandle(val1, event) {
    console.log(val1, event) // 参数1 PointerEvent {isTrusted: true, _vts: 1685428168661, pointerId: 1, width: 1, height: 1, …}
}