mirror of
https://github.com/tenrok/vue-context.git
synced 2026-06-24 02:40:32 +03:00
wip
This commit is contained in:
@@ -5,8 +5,7 @@ sort: 2
|
|||||||
|
|
||||||
## Demo 1
|
## Demo 1
|
||||||
|
|
||||||
{.tip}
|
> {tip} Right click on each item to see a more customized context menu appear for each item.
|
||||||
> Right click on each item to see a more customized context menu appear for each item.
|
|
||||||
|
|
||||||
<div id="advanced-1-app">
|
<div id="advanced-1-app">
|
||||||
<div style="margin-bottom: 1rem;">
|
<div style="margin-bottom: 1rem;">
|
||||||
@@ -111,8 +110,7 @@ export default {
|
|||||||
|
|
||||||
## Demo 2
|
## Demo 2
|
||||||
|
|
||||||
{.tip}
|
> {tip} Right click on each of the colors to have a context menu appear to allow you do add or
|
||||||
> Right click on each of the colors to have a context menu appear to allow you do add or
|
|
||||||
> remove the color from the array of selected colors.
|
> remove the color from the array of selected colors.
|
||||||
|
|
||||||
<div id="advanced-2-app">
|
<div id="advanced-2-app">
|
||||||
|
|||||||
+2
-4
@@ -3,15 +3,13 @@ title: Basic Demo
|
|||||||
sort: 1
|
sort: 1
|
||||||
---
|
---
|
||||||
|
|
||||||
{.tip}
|
> {tip} Right click on each item to open the context menu.
|
||||||
> Right click on each item to open the context menu.
|
|
||||||
|
|
||||||
<div id="basic-app" style="margin-bottom: 1rem;">
|
<div id="basic-app" style="margin-bottom: 1rem;">
|
||||||
<basic-usage></basic-usage>
|
<basic-usage></basic-usage>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{.tip}
|
> {tip} Try using the up and down arrows as well to navigate the menu.
|
||||||
> Try using the up and down arrows as well to navigate the menu.
|
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<template>
|
<template>
|
||||||
|
|||||||
@@ -70,6 +70,5 @@ to prevent the default behavior. In this example, the context menu has a ref of
|
|||||||
referring to. When each item is clicked on, the text of the item is sent to the `onClick` method on the Vue instance,
|
referring to. When each item is clicked on, the text of the item is sent to the `onClick` method on the Vue instance,
|
||||||
which is then shown via an alert.
|
which is then shown via an alert.
|
||||||
|
|
||||||
{.tip}
|
> {tip} The context menu defaults to a `<ul>` tag. For best results, make each menu item an `<a>` tag wrapped inside
|
||||||
> The context menu defaults to a `<ul>` tag. For best results, make each menu item an `<a>` tag wrapped inside
|
|
||||||
> of an `<li>` tag.
|
> of an `<li>` tag.
|
||||||
|
|||||||
@@ -6,4 +6,4 @@ sort: 3
|
|||||||
Find yourself stuck using the package? Found a bug? Do you have general questions or suggestions for improving the package?
|
Find yourself stuck using the package? Found a bug? Do you have general questions or suggestions for improving the package?
|
||||||
Feel free to [create an issue on Github](https://github.com/rawilk/vue-context/issues) and I'll try to address it as soon as possible.
|
Feel free to [create an issue on Github](https://github.com/rawilk/vue-context/issues) and I'll try to address it as soon as possible.
|
||||||
|
|
||||||
If you've found a bug regarding security please email [randall@randallwilk.dev](mailto:randall@randallwilk.dev) instead of using the issue tracker.
|
> {note} If you've found a bug regarding security please email [randall@randallwilk.dev](mailto:randall@randallwilk.dev) instead of using the issue tracker.
|
||||||
|
|||||||
Reference in New Issue
Block a user