vue添加自定义右键菜单的完整实例

一、写原生方法

1.在所编辑的页面，需要添加右键菜单的元素，绑定contextmenu事件，如下：

2.在页面编写右键菜单内容:

3.在data()中定义需要的变量属性

4.观察visible的变化，来触发关闭右键菜单，调用关闭菜单的方法

5.在method中定义打开右键菜单和关闭右键菜单的两个方法

6.在style中写右键菜单的样式

二、使用插件vue-context-menu

安装：

引用：

使用：

tip:有说不兼容ie的，具体没有测试

到此这篇关于vue添加自定义右键菜单的文章就介绍到这了,更多相关vue添加自定义右键菜单内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！