vue3-right-click-menu
TypeScript icon, indicating that this package has built-in type declarations

0.0.5 • Public • Published

vue3右键菜单组件

demo

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)
  <RightClick
    :menu="menu"
    @select="handleSelect"
  >
    // container 只对slot内容区域生效
    <main class="main" />
  </RightClick>

Params

const menu = [
  { label: '新增', user: 'simon' },
  { label: '删除', user: 'simon' },
  { label: '编辑', user: 'simon' },
]

Events

 -> select
 选择后触发select事件,接收menuItem

样式不满足可重写覆盖

License

MIT License © 2022 Simon He

Buy Me A Coffee

sponsors

Package Sidebar

Install

npm i vue3-right-click-menu

Weekly Downloads

1

Version

0.0.5

License

MIT

Unpacked Size

10.2 kB

Total Files

7

Last publish

Collaborators

  • simon_he