vue-context provides a simple yet flexible context menu for Vue. It is styled for the standard
<ul> tag, but any menu template can be used.
The menu is lightweight with its only dependency being
vue-clickaway. The menu has some basic styles applied to it, but they can be easily
overridden by your own styles.
The menu disappears when you expect by utilizing
vue-clickaway and it also optionally disappears when clicked on.
The following instructions will help you get the vue-context menu up and running on your project.
npm i vue-context
Import the component and use it in your app.
Next add an element to the page that will trigger the context menu to appear, and also add the context menu to the page.
Right click on meOption 1Option 2
Notice: As of version 4.1.0, the menu styles are not automatically included by default anymore. You will need to manually import them now in your own stylesheets.
@import '~vue-context/dist/css/vue-context.css';// Or@import '~vue-context/src/sass/vue-context';
For full documentation and demos, go here: https://vue-context.com/docs.
If you would like to contribute to the documentation, the repo can be found here: https://github.com/rawilk/vue-context-docs.
This project exists thanks to all the people who contribute. [Contribute].
vue-context uses the MIT License (MIT). Please see the license file for more information.