https://github.com/guojikun/contextmenu
一个适用于vue3的右键菜单组件
https://github.com/guojikun/contextmenu
context-menu contextmenu vue3
Last synced: 3 months ago
JSON representation
一个适用于vue3的右键菜单组件
- Host: GitHub
- URL: https://github.com/guojikun/contextmenu
- Owner: GuoJikun
- License: mit
- Created: 2021-09-22T06:45:55.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-10-07T08:42:03.000Z (over 1 year ago)
- Last Synced: 2025-02-10T21:48:19.554Z (4 months ago)
- Topics: context-menu, contextmenu, vue3
- Language: Vue
- Homepage:
- Size: 131 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# yakContextmenu 鼠标右键菜单
## 安装
```bash
npm i @ivy/contextmenu
```
## 使用
```js
import {
createApp
} from "vue";
import App from "./App.vue";
import Contextmenu from "contextmenu";
import "contextmenu/dist/index.css";
createApp(App).use(Contextmenu).mount("#app");
```
## Attr 和 event
| 属性名 | 说明 | 类型 | 默认值 |
| ------------- | ------------------------------------------------------ | ------ | ------ |
| options | 配置菜单的数组。例子:[{command: 'copy', text: '复制'}] | Array | [] |
| menuWrapClass | 菜单容器的类名。 | String | - |
| menuItemClass | 菜单子项的类名。 | String | - |
| menu-click | 点击菜单时触发的事件，默认参数是一个 Object。 | - | - |
| width | 设置菜单的宽度 | String/Number | 200px |
| container | 菜单生效的元素 | HTMLElement | 合法的css选择器 | document.body |