vue3 setup oncontextmenu 返回鼠标事件参数

在 Vue 3 中使用 `setup` 函数，可以通过给元素绑定 `onContextmenu` 事件来处理右键点击事件。在事件处理函数中，可以将鼠标事件对象作为参数传递给处理函数。

下面是一个示例代码：

<template>
  <div @contextmenu="handleContextmenu"></div>
</template>

<script>
import { onMounted } from 'vue'

export default {
  setup() {
    const handleContextmenu = (event) => {
      // 阻止默认菜单弹出
      event.preventDefault()
      // 处理鼠标事件
      console.log(event)
    }

    onMounted(() => {
      // 给其他元素绑定右键点击事件
      window.addEventListener('contextmenu', handleContextmenu)
    })

    return {
      handleContextmenu
    }
  }
}
</script>

在上面的示例中，我们在 `setup` 函数中定义了 `handleContextmenu` 处理函数，并在 `onMounted` 钩子中将其绑定到 `window` 对象的 `contextmenu` 事件上。在处理函数中，我们可以通过 `event` 参数来获取鼠标事件对象，并进行相应的处理。