vue-menu

Introduction

Recent web technologies focus on mobile environments. UIs premised on mouse operation such as window, context-menu, nested-menu and so on are no longer mainstream. However hierarchical structure -- context-menu and nested-menu -- is still effective. This package is an implementation of {nested,context}-menu for PC environments as a Vue Component.

$3

$3

* Menu component for vue2
* Deeply nested menu supported
* Props "checked" & "disabled"
* Keybinds
* Y-scrollable if necessary
* Contextmenu
* Builtin 3 themes (white, metal & black)
* Customizable color
* Menuitem can contain any HTML not only text
* Tested on Safari10, Chrome60, Firefox55, IE11, Edge38 for PCs
* ~~Does not work on mobile devices 😞~~

!Screenshot

Usage

Install

``sh
npm install --save @hscmap/vue-menu
`

Setup

$3

`typescript
import Vue from 'vue'
import * as VueMenu from '@hscmap/vue-menu'

Vue.use(VueMenu)
`

$3


`javascript
var Vue = require('vue')
Vue.use(require('@hscmap/vue-menu'))
`

Example

`html

``
Other examples are available here.

See also vue-window. This is a window UI component for vue2 with the same color themes.

Caveats

* ~~This component doesn't work on electron-vue.~~
* See here to use with electron-vue.

Contributing

Any comments, suggestions or PRs are welcome 😀