https://github.com/simon-he95/vue3-right-click-menu

vue3-right-click-menu
https://github.com/simon-he95/vue3-right-click-menu

right-click-menu vue3

Last synced: about 2 months ago
JSON representation

vue3-right-click-menu

• Host: GitHub
• URL: https://github.com/simon-he95/vue3-right-click-menu
• Owner: Simon-He95
• License: mit
• Created: 2023-04-12T09:25:37.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2025-01-25T16:04:33.000Z (4 months ago)
• Last Synced: 2025-03-25T19:53:58.270Z (2 months ago)
• Topics: right-click-menu, vue3
• Language: Vue
• Homepage: https://right-click-menu.netlify.app/
• Size: 244 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: license

Awesome Lists containing this project

README

        


  



  vue3右键菜单组件


![demo](./assets/demo.gif)

## Install

```

npm i vue3-right-click-menu

```

## Usage

```

// 引入样式

import 'vue3-right-click-menu/style.css'

// 注册组件

import { RightClick } from 'vue3-right-click-menu'

app.component('vue-right-click', RightClick)

  

    // container 只对slot内容区域生效

    

  

```

## Params

```ts

const menu = [

  { label: '新增', user: 'simon' },

  { label: '删除', user: 'simon' },

  { label: '编辑', user: 'simon' },

]

```

## Events

```

 -> select

 选择后触发select事件，接收menuItem

```

>样式不满足可重写覆盖

## License

[MIT](./LICENSE) License © 2022 [Simon He](https://github.com/Simon-He95)



![sponsors](https://www.hejian.club/images/sponsors.jpg)