MMenu (.MMENU)

Make options menu or replace your context menu.

Preview

  • edit
  • delete

Attributes

Nametypeoptionaldescription
unstyledbooleantrueto get a non-styled menu

Usage

MMenu is used to easily make poppup menus or replacing the context menu with a custom one. The following code shows how to implement a custom context menu:

<template>
  <div @contextmenu.prevent="$refs.mmenu1.show($event)">
    <transition name="fade">
      <MMenu ref="mmenu">
        <ul>
          <li>
            <NuxtLink to="/"> Home </NuxtLink>
          </li>
          <li>
            <NuxtLink to="/installation"> installation </NuxtLink>
          </li>
        </ul>
      </MMenu>
    </transition>
  </div>
</template>

Simply give the MMenu a ref and call its show method pasing only the event parameter.