vue3鼠标右击事件的插件

可以使用vue-context插件来实现鼠标右击事件，它是一个轻量级的上下文菜单插件，支持鼠标右键单击触发事件。

首先，你需要安装vue-context插件：

npm install vue-context --save

然后在你的Vue组件中使用它：

<template>
  <div>
    <div v-context:menu="menuOptions"></div>
  </div>
</template>

<script>
import VueContext from 'vue-context'

export default {
  components: {
    VueContext
  },
  data () {
    return {
      menuOptions: [
        { name: '复制', action: () => { console.log('复制') } },
        { name: '剪切', action: () => { console.log('剪切') } },
        { name: '粘贴', action: () => { console.log('粘贴') } },
        { divider: true },
        { name: '全选', action: () => { console.log('全选') } }
      ]
    }
  }
}
</script>

上面的代码中，我们在一个空的div元素上使用了`v-context:menu`指令来触发上下文菜单，传入了一个数组作为菜单选项。每个菜单选项包括一个名称和一个回调函数，这个回调函数会在用户点击菜单项时触发。

你也可以使用`v-context`指令来触发上下文菜单，这样用户在任何地方右键单击都会触发上下文菜单。例如：

<template>
  <div v-context="menuOptions">
    右键单击这个div触发上下文菜单
  </div>
</template>

更多的配置选项可以参考vue-context的文档：https://github.com/rawilk/vue-context