Vue 原生右键菜单组件

vue-contextmenujs

Vue 原生实现右键菜单组件, 零依赖

FireShot Capture 003 - Vue CLI App - localhost.png

项目地址

https://github.com/GitHub-Laziji/menujs

在线演示

快速安装

npm 安装

npm install vue-contextmenujs

CDN

参数说明

Menu

属性	描述	类型	可选值	默认值
items	菜单结构信息	MenuItem[]	—	—
event	鼠标事件信息	Event	—	—
x	菜单显示X坐标, 存在event则失效	number	—	0
y	菜单显示Y坐标, 存在event则失效	number	—	0
zIndex	菜单样式z-index	number	—	2
customClass	自定义菜单class	string	—	—
minWidth	主菜单最小宽度	number	—	150

MenuItem

属性	描述	类型	可选值	默认值
label	菜单项名称	string	—	—
icon	菜单项图标, 生成元素	string	—	—
disabled	是否禁用菜单项	boolean	—	false
divided	是否显示分割线	boolean	—	false
customClass	自定义子菜单class	string	—	—
minWidth	子菜单最小宽度	number	—	150
onClick	菜单项点击事件	Function()	—	—
children	子菜单结构信息	MenuItem[]	—	—

欢迎关注我的博客公众号

2018_11_16_0048241709.png