js 右键菜单_超实用 Vue 右键菜单组件Vue-ContextMenu

今天给大家推荐一个功能超不错的vue.js系统右键菜单组件VueContextMenu。

cf732aa27e13aa2439d7934e14e9c26f.png

vue-contextmenu 适用于Vue2.x的ContextMenu组件。支持动态菜单、自定义事件、多级子菜单及禁用菜单项。

0af0e679c0646d7612c1018be43ba8b3.gif

安装

$ npm i -S v-contextmenu

引入

// 在main.js中引入import Vue from 'vue'import contentmenu from 'v-contextmenu'import 'v-contextmenu/dist/index.css'Vue.use(contentmenu)

使用插件

菜单1菜单2菜单3菜单4菜单5
右键点击此区域
98cad4da432cb5dd30b2a3f1b1f3e003.png
090f1510e6dbd8785f3cb2be3a7b1815.png
1ef6efa2093a40cce88d165091e49b31.png
9da5104a886f6e0c7c3f0007526dfa9f.png
a8cdab3a258534ee188489ff6dc51922.png

附上项目示例及仓库地址

# demo地址https://heynext.github.io/v-contextmenu/# 项目地址https://github.com/heynext/v-contextmenu

ok,就分享到这里。希望大家能喜欢哈!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值