Vue Contextmenu
原来的右键触发,改成左键触发了。 安装和配置和原组件相同。
CDN
使用
CDN引入则不需要 Vue.use(Contextmenu)
测试中使用的是
element-ui
图标
Vue;
参数说明
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 | 菜单项图标, 生成<i class="icon"></i> 元素 |
string |
— | — |
disabled | 是否禁用菜单项 | boolean |
— | false |
divided | 是否显示分割线 | boolean |
— | false |
customClass | 自定义子菜单class | string |
— | — |
minWidth | 子菜单最小宽度 | number |
— | 150 |
onClick | 菜单项点击事件 | Function() |
— | — |
children | 子菜单结构信息 | MenuItem[] |
— | — |
fork的项目,做了修改,由右键改成了左键点击出菜单。