vue3 oncontextmenu 返回鼠标事件参数

在 Vue 3 中，可以通过在模板中绑定 `@contextmenu` 监听鼠标右键点击事件，并将 `$event` 作为参数传递给方法。示例如下：

<template>
  <div @contextmenu="handleContextMenu($event)">
    Right click me!
  </div>
</template>

<script>
export default {
  methods: {
    handleContextMenu(event) {
      // 处理右键点击事件
      console.log(event)
    }
  }
}
</script>

在上述示例中，当用户在 `<div>` 元素上右键点击时，`handleContextMenu` 方法会被调用，并将鼠标事件参数 `$event` 传递进去。在该方法中，我们可以使用 `$event` 对象来获取鼠标事件的相关信息，例如鼠标的坐标、按键状态等。