vue-contextmenujs怎么使用

`vue-contextmenujs` 是一个基于 Vue 的右键菜单组件，可以方便地实现自定义右键菜单。下面是 `vue-contextmenujs` 的使用步骤：

1. 安装 `vue-contextmenujs`：

   npm install vue-contextmenujs --save

2. 在 Vue 组件中引入 `vue-contextmenujs`：

   import Vue from 'vue'
   import Contextmenu from 'vue-contextmenujs'

   Vue.use(Contextmenu)

3. 在模板中使用 `v-contextmenu` 指令来绑定右键菜单：

   <template>
     <div v-contextmenu="menu">
       右键点击我
     </div>
   </template>

   <script>
   export default {
     data() {
       return {
         menu: [
           {
             label: '菜单项1',
             action: function() {
               console.log('菜单项1被点击')
             }
           },
           {
             label: '菜单项2',
             action: function() {
               console.log('菜单项2被点击')
             }
           }
         ]
       }
     }
   }
   </script>

在上面的代码中，我们使用 `v-contextmenu` 指令来绑定一个右键菜单。`v-contextmenu` 的值是一个数组，每个元素表示一个菜单项，包含 `label` 和 `action` 两个属性。`label` 表示菜单项的文本内容，`action` 表示菜单项被点击时的回调函数。

`vue-contextmenujs` 还支持更多的配置项，例如菜单项的样式、菜单的位置、是否在点击菜单项后自动隐藏菜单等。具体的配置方式可以参考官方文档。