# contextmenu

**Repository Path**: guojikun/contextmenu

## Basic Information

- **Project Name**: contextmenu
- **Description**: 一个适用于vue3的右键菜单组件
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 1
- **Created**: 2021-09-28
- **Last Updated**: 2022-11-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## 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      |