vue鼠标右键自定义菜单_vue-右键菜单功能

[TOC]

>[success] # :-: vue-右键菜单功能

[在线demo点击我](https://xunleif2e.github.io/vue-context-menu/demo/dist/#/)

项目中有时候会有右键菜单的需求，所以在github找了一个[右键菜单](https://github.com/xunleif2e/vue-context-menu)的插件，使用方法如下：

>[success] ## 安装

~~~

npm install @xunlei/vue-context-menu

~~~

>[success] ## 注册组件

1.全局注册，在main.js引入如下以下文件

~~~

import VueContextMenu from '@xunlei/vue-context-menu'

Vue.use(VueContextMenu)

~~~

2.局部注册，在使用到的.vue文件引入

~~~

import { component as VueContextMenu } from '@xunlei/vue-context-menu'

正确写法：

components: { VueContextMenu }

错误写法(文档中写法)：

components: { 'vue-context-menu': VueContextMenu }

~~~

注意：这里要这么写不能按照他文档中的写法如果按照文档中写法会报错： 未知的自定义元素： - 您是否正确注册了组件ÿ